编程知识 cdmana.com

nginx处理前后端分离跨域

1. 问题
前端vue项目打包部署在nginx中,后端打包部署在tomcat中,二者分离,有跨域问题。
2. 分析
可以使用nginx的代理模块处理跨域问题。本质是前端直接请求nginx,让nginx把请求转发到
tomcat中。
3. 服务器信息
域名:http://test.nginx.com/
域名绑定的ip:http://192.168.1.116
4. 解决方案
只需要配置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://192.168.1.116:8081; #只增加了这一行
  }

重启nginx,应用修改后的配置。

版权声明
本文为[lyle_luo]所创,转载请带上原文链接,感谢
https://my.oschina.net/lyleluo/blog/4836535

Scroll to Top