Access to XMLHttpRequest at ‘XXX‘ from origin ‘null‘ has been blocked CORS

使用express服务器模拟后台接口,前台用axios获取,提示错误信息如下:
在这里插入图片描述
主要原因是跨域问题,请求的options问题,在学习阶段的解决方法是在index.js中添加代码:
代码一:

app.all("*",function(req,res,next){
    //设置允许跨域的域名,*代表允许任意域名跨域
    res.header("Access-Control-Allow-Origin","*");
    //允许的header类型
    res.header("Access-Control-Allow-Headers","content-type");
    //跨域允许的请求方式 
    res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
    if (req.method.toLowerCase() == 'options')
        res.send(200);  //让options尝试请求快速结束
    else
        next();
  })

代码二:

app.options("/*", function(req, res, next) {
     res.header('Access-Control-Allow-Origin', '*');
     res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
     res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');
     res.sendStatus(200);
 });

 app.all('*', function(req, res, next) {
     res.header("Access-Control-Allow-Origin", "*");
     next();
 });

两种都可尝试,但跨域问题在实际开发中都是由后端解决

你可能感兴趣的:(vue.js)