生产环境中的Create-React-App代理设置

Question

我正在使用create-react-app和express后端。我将后端运行在3001端口，而前端在开发模式下通过3000端口运行。在我的package.json文件中，我有"proxy": "http://localhost:3001"，API可以正常工作。

然而，当我使用yarn build，然后运行serve -s build时，API调用根本没有被执行。我不知道为什么它在开发环境下可以工作，在生产环境下无法工作。

如有任何帮助，将不胜感激。

- X88B88

Answer 1

代理功能不适用于生产环境。

以下链接可能会有所帮助：https://github.com/facebookincubator/create-react-app/issues/1087#issuecomment-262611096

- Gavin Gilmour

---

那么在生产中有什么解决方法？ - darth vader

@darth vader 我建议使用Nginx，因为我相信它是生产环境中的常见做法。 - yaputra jordi

是的，我发现Nginx在提供静态文件方面非常出色，确实能够达到预期的目的。 - darth vader

Answer 2

创建一个.env文件，并将后端路径设置为REACT_APP_BACKEND_URL=http://localhost:5500（根据你的端口进行更改）， 在调用API的任何地方使用(process.env.REACT_APP_BACKEND_URL/你的URL)。 这样在生产环境中就能完美运行。

- Umar Akmal