reactjs - 如何部署/连接React/Flask-RESTful应用程序？

Question

我是Web开发的新手，所以如果我在这里尝试做的事情不是社区中的普遍做法，请不要犹豫，纠正我。

我编写了一个简单的React应用，该应用通过HTTP请求与后端的Flask-rest API通信。为了进行测试，我在本地主机上的不同端口上分别运行React应用和Flask api，并使用代理配置将它们连接起来，因此HTTP请求的网址可以保持相对（例如/getUser/user_id等）

我的问题是，如何将APP和API部署到同一服务器上，这样结构就不会改变？还是我需要两个不同的服务器来托管每个服务器？我也可能承认真的不了解服务器的实际工作原理...如果我为React应用程序运行yarn build，是否应该将build文件夹与Flask API放在一起？

一个相关的问题是，我已经在后端保存了几个静态文件，并且我希望前端React应用可以访问它们，到目前为止，我已经尝试了Flask的send_from_directory()函数来使其正常工作。这是在服务器上提供静态文件的正确/常用方法吗？我见过有人提到Nginx，但我不太明白。

任何答案或评论表示赞赏。感谢您帮助新程序员

Answer 1

我的建议是使用Heroku进行部署。您只需要一个服务器（用于Flask），就可以编译React代码以与Flask应用程序一起使用。

该存储库应该帮助：https://github.com/chosak/heroku-python-react