vue+nginx代理配置，解决跨域问题
举例登录接口，ip地址是随便举例的，实际生成地址域名，不一定是本地ip。
前端首页地址是：http://192.168.1.25:8080/#/login,
前端登录的地址是：
http://192.168.1.25:8080/api/login
后端登录接口地址是：
http://192.168.1.24:8081/login
1、vue项目的config里的Index.js
proxyTable: {
'/api': {
target: 'http://192.168.1.24:8081',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},2、nginx配置
server {
listen 8081;
server_name 127.0.0.1;
charset utf8;
#access_log logs/host.access.log main;
location /{
root /usr/local/tomcat/webapps/ROOT;
index index.html index.htm;
}
location /api{
rewrite ^.+api/?(.*)$ /$1 break;
include uwsgi_params;
proxy_pass http://192.168.1.24:8081;
}
}为什么需要这样处理呢？因为前后端分离了，有可能会出现跨域问题。
其实有没有其他办法，不需要这样代理的。
当然有的，可以部署一个Servlet项目作为sdk，然后再由sdk做转发到你的后端地址即可。
还有其他办法的，可以私信教一下我。