在nginx.conf文件中,注意以下配置项
location / {
root html;
index index.html index.htm;
try_files $uri $uri/ /index.html; #如果vue-router使用的是history模式
}
location /api {
rewrite ^/api/(.*)$ /$1 break; # /api/ 替换为/,因为后台接口无/api
proxy_pass http://172.20.10.88:9090; #后台接口地址
}
说明:
1、配置文件可能是nginx.conf文件也可能是...../nginx/conf.d/default.conf 文件,具体要看nginx.conf文件中是否包含了default.conf文件
2、vue前后端分离项目通过会在向后台请求时统一加上前缀,如 api ,但实际后台的Controller接口中一般不会加这个前缀,在开发时可以在vue.config.js中配置跨域请求与api替换。但在部署时该文件不起作用。此时要配置nginx的跨域选项。如上所示。