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

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

解决办法：

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

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

[ 复制代码

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

<pre style="margin: 0px; padding: 0px; font-family: "Courier New" !important; white-space: pre-wrap; overflow-wrap: break-word; font-size: 12px !important;">proxyTable: { '/api':{
target:'http://xx.xx.xx.xx:5568',
changeOrigin:true,
pathRewrite:{
'^/api':'/api' }
}
},</pre>

[ 复制代码

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