-
问题
前端vue项目打包部署在nginx中,后端打包部署在tomcat中,二者分离,有跨域问题。
-
分析
可以使用nginx的代理模块处理跨域问题。本质是前端直接请求nginx,让nginx把请求转发到tomcat中。
服务器信息
域名:http://test.jerry.com/
域名绑定的ip:http://10.250.115.210解决方案
只需要配置nginx的server的location指令中增加一行proxy_pass指令即可。配置如下:
server {
listen 80;
listen [::]:80;
server_name localhost;
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
location / {
root /usr/share/nginx/html/antifake;
index index.html index.htm;
}
location /login {
root /usr/share/nginx/html/antifake;
index index.html index.htm;
}
location /api {
proxy_pass http://10.250.115.210:8081; #只增加了这一行
}
重启nginx,应用修改后的配置。