vue2.0+axios proxy代理跨域问题处理
长话短说鸭!
开发期间前后端都在同一台电脑,前端端口8088 后端80,但是端口不一样,so…
经过长达半天的翻看各路大神的文章做此记录,过程悲催,但没有放弃。
保证axios能正常运行,仅报跨域问题(错误信息忘记截图了)
-
在main.js 里面新增一句,这句一定要加!
-
axios.defaults.baseURL = ‘/api’
-
在vue.confg.js 这里面新增
-
devServer: {
proxy: {
“/api”: {
target: “http://localhost”,// 要访问的接口域名changeOrigin: true,
pathRewrite: {
‘^/api’: ‘’ //
}
}
}
}
再看看组件里面
this.$http({
url: “/tas”
}).then(ref => {
console.log(ref);
})
说明:url: “/tas” 这个位置直接写路径部份,代理会自动带上target那部份!
最后,重新build一下!!!