将我的客户端 Heroku 应用程序连接到我的服务器应用程序时出现问题

Question

我意识到我最初的问题写得很糟糕。所以我要再试一次。所以在本地工作这工作得很好。但是当我推送到 Heroku 并处理已部署的版本时，当我尝试登录或注册用户时，我的控制台日志中出现了 CORS 错误。我的服务器和客户端位于两个独立的 heroku 应用程序上。

所以我需要 CORS 在顶部，这就是我在 server/index.js 内部调用的方式

app.use(
 cors({
   origin: CLIENT_ORIGIN
  })
);

在我的服务器应用程序的 heroku 内的配置变量中。我已将 CLIENT_ORIGIN 连接到我的客户端应用 URL

这是我在控制台中遇到的错误

从源“https://nameless-basin-56223.herokuapp.com”获取“https://sheltered-hollows-50081.herokuapp.com/api/login”的访问权限已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：没有“Access-Control-Allow-Origin”标头出现在请求的资源上。如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

庇护空心是我的服务器网址，无名盆地是我的客户端网址。

如果需要更多代码，我很乐意展示。只是不知道这个错误有什么必要。

Answer 1

在你的服务器上添加这个 npm 包 https://www.npmjs.com/package/cors

在 index.js 文件中导入 cors

app.use(cors());
app.options('*', cors()); // this will enable cors for all your route.

阅读文档以获得更好的理解。