在生产中代理React/Express应用程序的api请求

Question

我正在使用分离的存储库（后端）进行MERN堆栈项目

//package.json in react
{
...
"proxy": "http://localhost:8000/",
...
}

但是，当我切换到生产环境并将代理值替换为部署的链接时，“代理”不再受支持。我做了一个关于它的搜索，我发现它只是为了开发环境，我尝试了在互联网上找到的几个解决方案，但没有运气！

顺便说一下，我用Heroku部署后端，用Netlify部署前端。现在，它们都部署好了，没有任何错误，但是后端和前端之间没有连接。

Answer 1

在生产中我们不能使用(代理)..相反，我们可以在前端为后端URL设置一个变量，反之亦然。

让我们从后端配置开始：

app.use(cors({ 
   origin: "frontend_URL", 
   credentials: true 
  }));

现在，让我们看看前端配置：

在您喜欢的任何位置设置变量：

export const API_URL = "URL";

在调用API的文件中:

import axios from "axios";
import { API_URL } from "./your/path";
axios.defaults.withCredentials = true;

axios.get(`${API_URL}/your/route`);

现在您可以开始部署了...