解决vue跨域 线上部署nginx反向代理配置报404问题

2023年1月5日 127点热度 0人点赞 0条评论

前后分离 axios 接 api 跨域问题如图:

解决vue跨域 线上部署nginx反向代理配置报404问题插图

解决办法:

1. npm start 本地开发环境解决:

在webpack配置文件 /config/index.js 里找到 proxyTable 开启代理 changeOrigin:true,


proxyTable: {
    '/api':{
        target:'http://xx.xx.xx.xx:5568',
        changeOrigin:true,
        pathRewrite:{
          '^/api':'/api'
        }
    }
}

2. npm run build 把 dist 放线上后解决:

nginx 的 配置文件 xx.conf 的 server {} 里加如下:

支付 ¥4.99 购买本节后解锁剩余37%的内容

小小调酒师

此刻打盹,你将做梦; 此刻学习,你将圆梦。 个人邮箱:shellways@foxmail.com

文章评论