使用 CORS 仍然会出现跨域错误

Question

我正在尝试使用cors 模块通过角度$http 访问节点路由。我试过一个简单的

app.use(cors());

但仍然得到错误。我试过从the cors documentation a whitelist of URLs添加

var corsOptions = {
  origin: function(origin, callback){
    var originIsWhitelisted = whitelist.indexOf(origin) !== -1;
    callback(null, originIsWhitelisted);
  }
};

app.get('/someroute/:someparam/', cors(corsOptions), function(req, res, next){
  mymodule.getData(req.params.someparam, function(err, data){
      if (err){
        console.log('error with route', err);
      }else{
        res.json({result: data});
      }
  });
});

但我仍然收到错误

XMLHttpRequest 无法加载 localhost:8888/someroute/undefined。跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

我认为使用 cors 模块是为了避免这个问题。我该如何解决？

Answer 1

这里的问题是您的客户端需要对 URL 进行请求

http://localhost:8888/someroute/undefined

相反，您的客户正在请求

localhost:8888/someroute/undefined

浏览器使用localhost 模式将其解释为对主机8888 的请求。但是，localhost 不是 Chrome 支持的 CORS 方案。只有http、https、data 之类的东西。

在某处，您的客户端代码会执行类似的操作

xhr.send("localhost:8888/...")

但它需要一个领先的方案，例如http:// 或https://。

请注意，如果您尝试使用 file 或 about 方案请求资源，则会收到类似的错误。