CORS政策已阻止从来源“ http:// localhost:3500”访问“ http:// localhost:8000 / api / user-context”的访问

时间:2019-08-07 07:21:48

标签: reactjs cors next.js

我想在3000以外的端口上安装基于NEXT JS的应用程序。现在,每当我更改端口时,它都会停止响应。

下一步构建&& ./node_modules/pm2/bin/pm2开始npm --name $ NEXT_NAME-开始-i 1

从原点“ http://localhost:8000/api/user-context”到“ http://localhost:3500”处获取的访问已被CORS策略阻止:对预检请求的响应未通过访问控制检查:“ Access-Control-Allow- “原点”标头的值“ http://localhost:3500/”不等于提供的原点。让服务器发送带有有效值的标头,或者,如果不透明的响应满足您的需要,请将请求的模式设置为“ no-cors”,以在禁用CORS的情况下获取资源。

1 个答案:

答案 0 :(得分:0)

首选解决方案:

在您的API服务器中,您可以启用CROS。您可以阅读this链接上提供的详细信息,以在服务器中启用CROS。

ExpressJS示例:

app.all('/', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    next()
});

临时解决方案:

您可以安装以下浏览器扩展程序来修复此临时问题。