这是安全的一部分，你不能这么做。如果你想允许凭证，那么你的Access-Control-Allow-Origin不能使用*。您必须指定确切的协议+域+端口。参考以下问题:

访问控制-允许起源通配符子域，端口和协议 使用凭证的跨起源资源共享

此外，*过于宽松，会阻碍凭证的使用。因此，将http://localhost:3000或http://localhost:8000设置为allow origin头文件。

(编辑)之前推荐的插件不再可用，您可以尝试其他的插件

出于Chrome的开发目的，安装 这个添加将消除特定的错误:

Access to XMLHttpRequest at 'http://192.168.1.42:8080/sockjs-node/info?t=1546163388687' 
from origin 'http://localhost:8080' has been blocked by CORS policy: The value of the 
'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' 
when the request's credentials mode is 'include'. The credentials mode of requests 
initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

安装后，通过单击AddOn's (CORS，绿色或红色)图标并填充适当的文本框，确保将您的url模式添加到截获的url。这里要添加的用于http://localhost:8080的示例URL模式是:*://*

NETLIFY和HEROKU的CORS错误

实际上，如果上面的方法都不适合你，你可以试试这个。 在我的例子中，后端运行在Heroku上，前端托管在netlify上。 在前端的.env文件中，server_url被写成

REACT_APP_server_url = "https://ci-cd-backend.herokuapp.com"

在后端，我所有的API调用都写成，

app.get('/login', (req, res, err) => {});

所以，你需要做的唯一改变是，在路由的末尾添加/api，

frontend base url是这样的，

REACT_APP_server_url = "https://ci-cd-backend.herokuapp.com/api"

后端api应该写成，

app.get('/api/login', (req, res, err) => {})

这在我的案例中起了作用，我相信当前端托管在netlify上时，这个问题是特别相关的。

如果你正在使用express，你可以使用cors包来支持cors，而不是编写中间件;

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

app.use(cors());

app.get(function(req,res){ 
  res.send('hello');
});

扩展@Renaud的想法，cors现在提供了一个非常简单的方法来做到这一点:

以下是cors官方文件:

＂ origin:配置Access-Control-Allow-Origin CORS头。 可能的值: 布尔-将origin设置为true以反映请求源，由req.header(' origin ')定义，或将其设置为false以禁用CORS。 ＂

因此，我们简单地做以下事情:

const app = express();
const corsConfig = {
    credentials: true,
    origin: true,
};
app.use(cors(corsConfig));

最后，我认为值得一提的是，在某些用例中，我们希望允许来自任何人的跨起源请求;例如，在构建公共REST API时。

如果你想要允许所有的起源并保持真实的凭证，这对我来说是可行的:

app.use(cors({
  origin: function(origin, callback){
    return callback(null, true);
  },
  optionsSuccessStatus: 200,
  credentials: true
}));