在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的跨域选项。如上所示。
网友评论