1、在如图项目配置的index.js文件夹下添加以下一段话
微信图片_0912182204.png
proxyTable: {
'/rest': {
target: 'http://192.168.20.223:8080',
pathRewrite: {
"^/rest": '/rest'
},
// secure: false,
changeOrigin: true
}
},
代码中的rest只是在请求接口时本人自定义的一个名称，当发起请求的时候，服务器会识别到路径里的/rest，将/rest替换成我们所配置的如：‘http://192.168.20.223:8080’代理ip地址，从而实现跨域请求。
2、代码提交后，必须执行npm run dev 重启一下项目
配完代理，就可以轻松的实现本地的跨域请求了，以上配置不支持公共环境跨域请求，如果需要公共环境跨域请求的话，需要在nginx上配置代理
3、下面给一个如何用配好代理请求后端地址的列子
let url = "/rest/robot/case/caseList?page=1&size=25";
let param = {}
this.$http.post(url,param)
.then(result => {
if (result.data.success) {
} else {
}
})
.catch(error => {
console.log(error)
});
如果觉得《vue如何配置服务器端跨域_vue项目里如何配置本地代理实现跨域请求》对你有帮助，请点赞、收藏，并留下你的观点哦！
