正在获取express server以接受CORS请求

Question

我有我的快递服务器运行在http://localhost:3000（我称之为网络服务器）我有另一个应用程序运行在localhost:8100（我称之为简单的应用程序）

当我的应用程序调用Web服务器时，我收到消息：

“XmlHttpRequest无法加载http://localhost:3000/auth/facebook. 对飞行前请求的响应未通过访问控制检查。当凭据标志为true时，“访问控制允许来源”中不能使用通配符“*”。来源'http://localhost:81000“因此不允许使用acecss”

此消息显示在浏览器控制台中。

我在我的节点网络服务器的中间件中设置了以下选项

res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT, POST,DELETE');

在阅读了一些stackoverfow问题后，我还添加了以下内容：

 res.header('Access-Control-Allow-Origin', 'http://localhost:8100');

然而，这并不能解决问题。

Answer 1

您还需要在标题中允许OPTIONS方法。

我有这个中间件的cors：

module.exports = function (req, res, next) {
    // CORS headers
    res.header("Access-Control-Allow-Origin", "YOUR_URL"); // restrict it to the required domain
    res.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE,OPTIONS");
    // Set custom headers for CORS
    res.header("Access-Control-Allow-Headers", "Content-type,Accept,X-Custom-Header");

    if (req.method === "OPTIONS") {
        return res.status(200).end();
    }

    return next();
};

另外，您得到的错误是由于跨来源请求是如何工作的。长话短说，浏览器可能首先使用方法OPTIONS发送pre-flight请求，以获取允许的来源、标题和方法。因此，对于这个请求，您应该只返回访问控制-*头。如果飞行前运行正常，浏览器将继续执行原始请求。

你可以在这里找到更多信息。

Answer 2

我个人更喜欢cors模块。代码非常简单：

var whitelist = [
    'http://0.0.0.0:3000',
];
var corsOptions = {
    origin: function(origin, callback){
        var originIsWhitelisted = whitelist.indexOf(origin) !== -1;
        callback(null, originIsWhitelisted);
    },
    credentials: true
};
app.use(cors(corsOptions));

Answer 3

我使用cors并实现它，所以它非常简单

var-cors=require（'cors'）

app.use（cors（{origin:true，credentials:true}））