nginx配置代理解决前后端分离的跨域问题

1. 问题

   前端vue项目打包部署在nginx中，后端打包部署在tomcat中，二者分离，有跨域问题。

2. 分析

   可以使用nginx的代理模块处理跨域问题。本质是前端直接请求nginx，让nginx把请求转发到tomcat中。

3. 服务器信息
   域名：http://test.jerry.com/
   域名绑定的ip：http://10.250.115.210

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://10.250.115.210:8081; #只增加了这一行
      }

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