前后端分离之后，常出来的问题就是访问接口是出现跨域的问题，我们可以在配置文件中配置proxyTable来解决跨域问题
config/index.html
proxyTable: {
"/pro": {
target: "http://localhost:8765", // 设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true,
pathRewrite: {
"^/pro": ""// 这里理解成用‘/pro’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
}
}
},
这里需要注意的一点，项目启动地址必须和服务器地址相同，项目启动地址配置位置在config/index.html
代码如下
image.png
网友评论