has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested
·
用vue-cli搭建的项目,运行了一下就报了这个错。字面意思就是这个请求被CORS锁住了,缺少一个请求头“Access-Control-Allow-Origin”。这个请求头是CORS的重要点,这就意味着遇上了跨域的问题啦。
之前造成问题的axios代码:
const url="http://www.a-bm.cn/chanpin-0_p0.html"
this.$axios({
method: "get",
url: url
}).then(res=>window.console.log(res))
查找了好多资料,其中proxy可以解决(虽然我还是没有解决,哭唧唧),在根目录下也就是跟src同级创建一个vue.config.js文件
module.exports={
configureWebpack:{
},
devServer: {
proxy: {
'/api/': {
target: 'http://www.a-bm.cn/chanpin-0_p0.html',//目标地址
ws: true,//是否代理websocket
changeOrigin: true,//是否跨域
pathRewrite: {
'^/api/': ''//url重写
}
}
}
}
}
然后在html页面里面使用
this.$axios.post('/api').then(res => {
window.console.log(res)
}).catch(err => {
window.console.log(err)
})
不知道哪里出错了,报错一直都是
好像这个代理没有成功的样子?
更多推荐
已为社区贡献2条内容
所有评论(0)