vue-cli 3.0中配置devServer解决跨域
首先需要在package.json同级目录新建一个 vue.config.js 在module.exports内配置devServermodule.exports = {devServer: {proxy: {'^/api': {target: 'http://localhost:3001', //要跨域的域名ws: true...
·
首先需要在package.json同级目录新建一个 vue.config.js 在module.exports内配置devServer
module.exports = {
devServer: {
proxy: {
'^/api': {
target: 'http://localhost:3001', //要跨域的域名
ws: true, // 是否启用websockets
changeOrigin: true, //是否允许跨越
pathRewrite: {
'^/api': '' //将你的地址代理位这个 /api 接下来请求时就使用这个/api来代替你的地址
},
}
}
}
}
接下来发起请求这样写就不会出现跨域问题了
axios({
url: "/api/usercomment",
method: "post",
})
.then(res => {
console.log(res);
})
注意在配置完后要重启项目
更多推荐
已为社区贡献1条内容
所有评论(0)