vue 前后端分离项目部署 nginx 反向代理处理跨域问题

1. 修改nginx配置

image.png

将凡是前端带/prod-api的请求全部转发到指定路径

location /prod-api/ {
            proxy_pass http://106.xx.xxx.78:8080/;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

2. 重启nginx

nginx -s reload
《如何安装nginx》