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》

vue cli 解决跨域线上 nginx 反向代理配置
vue cli 解决跨域线上 nginx 反向代理配置前后分离 axios 接 api 跨域问题如图：解决办...
spring boot http 转 https (配置http
我的项目是前后端分离的项目，后端spring boot 前端vue,vue的跨域是用nginx代理的。这里先介绍...
用nginx的反向代理机制解决前端跨域问题
用nginx的反向代理机制解决前端跨域问题 Vue做前台，后台走接口就会遇到跨域问题。这里Nginx做反向代理是一...
vue部署出错
关于vue部署 1.nginx转发一般项目前后端分离得话，都会用nginx作为反向代理转发的。这里略过 2.部署...
vue 打包之后接口报错404
注：已经设置过ngnix反向代理问题：vue项目proxyTable设置的代理；nginx后台配置了跨域如图当...
axios spring 解决跨域问题
因为项目进行前后端分离, 就遇上了跨域的问题. 折腾了很久, 这里整理下.前后端部署在一起或者用nginx代理了,...
shell npm+vue+gradle+jar 本地自动打包上
说明：前后端分离的vue项目，为了解决跨域问题，需要部署到java web项目的resources/static目...
vue 前后端分离项目部署 nginx 反向代理处理跨域问题
1. 修改nginx配置将凡是前端带/prod-api的请求全部转发到指定路径 2. 重启nginx ngin...
知识 | 跨域问题
java 浅析跨域问题以及如何使用Cors解决前后端分离部署项目所遇到的跨域问题
SpringBoot 实现前后端分离的跨域访问（Nginx）
序言：使用Nginx反向代理，可以解决跨域无权和Session丢失的问题，十分方便。下面我们以前后端分离为案例，展...