Reactjs 如何处理flask中的多个路由,这些路由应该从react build返回静态文件?

Reactjs 如何处理flask中的多个路由,这些路由应该从react build返回静态文件?,reactjs,flask,Reactjs,Flask,概述 我正在做一个有flask后端和react前端的项目。我使用以下命令运行应用程序: python3 main.py 在main.py中,我有以下命令指定在用户请求'/'时提供index.html: #main.py 从烧瓶进口烧瓶 app=Flask(\uuuuu name\uuuuu,static\u folder=“build”,static\u url\u path=“/”) @附件路线(“/”) def index(): 返回app.send\u静态文件(“index.html”)

概述

我正在做一个有flask后端和react前端的项目。我使用以下命令运行应用程序:

python3 main.py
main.py
中,我有以下命令指定在用户请求
'/'
时提供
index.html

#main.py
从烧瓶进口烧瓶
app=Flask(\uuuuu name\uuuuu,static\u folder=“build”,static\u url\u path=“/”)
@附件路线(“/”)
def index():
返回app.send\u静态文件(“index.html”)
像做梦一样工作。现在,我正在react应用程序中添加更多路线:

#App.js
从“React”导入React;
进口{
浏览器路由器,
转换
路线,,
}从“反应路由器dom”;
从“/SomePage”导入SomePage;
从“./LandingPage”导入LandingPage;
函数App(){
返回(
);
}
导出默认应用程序;
问题

当我仅使用
纱线开始
运行react应用程序时,布线效果良好。
LandingPage
组件中有一个链接,可以成功地导航到
“/some page”
(即,页面看起来应该是这样的)

但是,当我使用python3 main.py从Flask运行应用程序时,我不知道如何路由请求。我试过:

@app.route(“/some page”)
定义某些页面():
返回app.send\u静态文件(“index.html”)
但是对于
'/checkout'
,它只返回与
'/'
相同的页面。你知道我需要做什么才能正确地发送这个请求吗

编辑

这可能是以下文件的副本:


稍后再查看。

首先,这里的首要答案为我提供了很多观点:

在我上面的设置中,客户端没有用户历史记录的内存。因此,当一个请求被发送回服务器(即刷新),并且url是服务器无法返回信息的url时,就会出现404

因为我刚刚创建了一个原型,所以我将
替换为
。这是获得所需行为的最简单设置