javascript - Access-Control-Allow-Headers 不允许 header 字段 - Node/Express/KeystoneJs

Question

我遇到了 CORS 问题，并花了很多时间试图解决它，所以我决定在这里提出一个问题。我在我的 Angular 5 应用程序所在域的子域上有 keystone 应用程序。在本地主机上，一切正常，但是，当我将文件放入服务器并尝试打开我的 Angular 应用程序时，我收到此错误:

Failed to load http://xxxxxxxx.com/label: Request header field params is not allowed by Access-Control-Allow-Headers in preflight response.

我已将此行添加到我的 keystone.js 文件中:

keystone.set('cors allow origin', true);
keystone.set('cors allow methods', true);
keystone.set('cors allow headers', true);

routes/index.js 中的这一行:

app.all('/*', keystone.middleware.cors);

我尝试将其添加到routes/index.js:

app.options('/*', function(req, res) {
        res.header("Access-Control-Allow-Credentials", "true");
        res.header('Access-Control-Allow-Methods', 'GET,POST');
        res.header("Access-Control-Allow-Origin", "*");
        res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
        res.sendStatus(200);
    });

但我仍然遇到同样的错误。有什么建议如何解决这个问题吗？

Answer 1

安装此软件包 https://www.npmjs.com/package/cors并管理您的 CORS 域。

基本用法

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())