vue cli 解决跨域 线上 nginx 反向代理配置

vue cli 解决跨域 线上 nginx 反向代理配置

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

解决办法：

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

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

[

复制代码

](javascript:void(0); "复制代码")

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

[

复制代码

](javascript:void(0); "复制代码")