vue-cli3.0跨域代理问题
前后端分离跨域的问题很常见,现在我们给出以下网址
http://dev.*****.com/moni/webapp/login/cellphoneLogin
我们需要在根目录创建vue.config.js 文件,在其中我们需要创建一项配置
devServer: {
open: process.platform === 'darwin',
host: '0.0.0.0',
port: 8080,
disableHostCheck: true,
https: false,
hotOnly: false,
// 设置代理
proxy: {
'/webapp': {
target: 'http://dev.****.com', //需要进行代理的地址
changeOrigin: true, //允许跨域
ws: false, //是否启用websockets
pathRewrite: {
'^api': ''
}
}
}
}
我们在请求的时候用到的就是
this.$axios.post('/moni/webapp/accountCenter/getUserInfo'
其实应该可以写成http://dev.****.com/moni/webapp 这种形式,在请求的时候采用 '/webaapp/accountCenter/getUserInfo' ,尚未尝试,