用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)
      })

不知道哪里出错了,报错一直都是在这里插入图片描述
好像这个代理没有成功的样子?

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐