express.js中请求的资源上不存在“ Access-Control-Allow-Origin”标头

Question

我已经在我的nodejs应用程序中配置了cors ，如下所示：

cors = require('cors');

var whitelist = ['http://first.url', 'https://test.cloudfront.net']
var corsOptions = {
    origin: function (origin, callback) {
        if (whitelist.indexOf(origin) !== -1) {
            callback(null, true)
        } else {
            callback(new Error('Not allowed by CORS'))
        }
    }
}

router.get('/home', cors(corsOptions), controller.index);

它正在工作，并且可以从http://first.url从nodejs应用程序获取数据，但是当我使用https://test.cloudfront.net进行测试时，它无法工作并返回以下错误。

XMLHttpRequest无法加载https://server.cloudfront.net/api/app/home 。 所请求的资源上没有“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ https://test.cloudfront.net ”。

请让我知道该错误返回的原因。 因为在Cloudfront中缺少某些配置？

Answer 1

浏览器先向服务器发送OPTIONS请求，然后再知道是否接受跨源请求，只需使用简单的中间件处理OPTIONS请求即可

app.use(function(req,res, next){
   if(req.method == "OPTIONS"){
      res.header('Access-Control-Allow-Headers', "*");
      res.header('Access-Control-Allow-Methods', "POST, GET, OPTIONS, PUT, PATCH, DELETE");
      res.header('Access-Control-Allow-Origin', "*");
      res.header('Access-Control-Allow-Credentials', true);
      return res.sendStatus(200);
    }
    else
      return next();
});