blocked by CORS policy:Access-Control-Allow-Origin通常指的就是浏览器判断请求跨域问题导致.

解决方案:

1.前端设置代理的方式:

在vue.config.js的配置文件中,配置代理伪装请求的方式,解决跨域:
详细配置和配置属性解释,见代码注释

devServer: {
  port: 9999,
  // open: true,
  // 设置代理
  proxy: {  //配置跨域
        '/api': {
        target: 'https://www.baidu.com/',  //这里后台的地址模拟的;应该填写你们真实的后台接口
        ws: true,
        changOrigin: true,  //允许跨域
        pathRewrite: {
        "^/api": "" //这里理解成用'/api'代替target里面的地址,比如我要用'https://www.baidu.com/user/add'，直接写'/api/user/add'即可
                }
            }
        },
  overlay: {
    warnings: false,
    errors: true
  }
},

2.后端设置:

据说后端可以配置,允许跨域访问,该方式未尝试,一般对接别人的api也很少可能叫动其该后端程序配置,后端程序可能需要考虑其他程序对接等.

参考:

后端跨域解决:from origin http://localhost:xxxx has been blocked by CORS policy