26
4
So I am serving a index.html file from Flask.
The index.html file comes from a built project using: https://github.com/facebookincubator/create-react-app
因此，我正在提供来自Flask.html的index.html文件。Html文件来自使用https://github.com/facebookincubator/create-react-app构建的项目
I have a couple routes setup in the React app, for example:
"/users"
and "/contracts"
我在Reaction应用程序中设置了几条路线，例如：“/USERS”和“/Contures”
When I refresh one of these routes, I get a 404 from flask, but while "clicking" on links found on the site, they work perfectly fine.
当我刷新这些路线中的一个时，我会从FASK得到一个404，但当我“点击”网站上找到的链接时，它们工作得非常好。
When you are clicking the links in the interface, React is re-rendering the page without any server-side intervention, and then updating the route in the URL bar. When loading however, you are making that route request to the server direct, and Flask does not have that route registered.
当您单击界面中的链接时，Reaction将在没有任何服务器端干预的情况下重新呈现页面，然后更新URL栏中的路线。但是，在加载时，您直接向服务器发出该路由请求，而Flask没有注册该路由。
Simplest way is to register these routes in the decorator for the function serving your homepage view
最简单的方法是在修饰器中为您的主页查看功能注册这些路径
个人中心
文章发布
退出@app.route('/')
@app.route('/users')
@app.route('/contracts')
def home_page():
If there are many many routes, you may want to use the catch-all URL pattern.
如果有许多许多路由，您可能想要使用捕获所有URL模式。
Specifying every route is too prone to error. Here is a more general solution.
指定每条路线太容易出错。这里有一个更一般的解决方案。
Add an error handler to catch 404:
添加错误处理程序以捕获404：
@app.errorhandler(404)
def handle_404(e):
if request.method == 'GET':
return redirect(f'/?request_path={quote_plus(request.path)}')
return e
The error handler will redirect to the home page, where your React works, passing the actual requested request_path as a parameter.
错误处理程序将重定向到您的反应工作的主页，将实际请求的REQUEST_PATH作为参数传递。
In your view handler do this:
在您的视图处理程序中执行以下操作：
@app.route('/')
def public_page_index(request_path=None):
return render_template('index.html',
request_path=request.args.get('request_path', ''))
The index.html template will create a hidden input:
Index.html模板将创建一个隐藏输入：
<input type="hidden" name="request_path" value="{{request_path}}">
Then the actual React path will be available for your React code to respond to. This is what I've done in my Home page component, using jquery and useHistory().
然后，您的反应代码将可以响应实际的反应路径。这就是我在我的主页组件中所做的，使用jQuery和useHistory()。
useEffect(() => {
// find if server refresh needs history
const $request_path = $('input[name=request_path]');
const val = $request_path.val();
if (val) {
$request_path.val("");
history.push(val);
return;
}
}, []);
I tried both previous answers , and at the end I found a general solution :
我尝试了前面的两个答案，最后我找到了一个通用的解决方案：
app = Flask(__name__, static_folder='../client/build', static_url_path='/')
@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
@app.errorhandler(404)
def catch_all(path):
return app.send_static_file('index.html')
0
我被这个问题困扰，希望任何人都可以帮助我。 脚本选择一个单词并记录单词出现和按键之间耗时( react 时间)。我的想法是有一个函数可以选择单词，将其设置为间隔，并通过按键打破该间隔。属性“stim”
我正在使用一个使用 React Data Grid ( https://github.com/adazzle/react-data-grid ) 的网格，我遇到了麻烦，因为当选择一个单元格时，它的边框
我正在尝试为算法交易安装 zipline，所以我必须为 python 3.5 版本创建一个 conda 的 venv。但是，在创建环境之后，当我激活这个环境时，没有括号。如果可行，命令行应该是这样的
我正在使用 Python GEKKO 来模拟化学 react ，可以这样描述: 1 -> 2 -> 3 -> 4 副 react 如下: 2 -> 5 3 -> 5 产物(4)是稳定的。这导致了以下一
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 7 年前。 Improve t
在下面的文章中说应该处理 mobx 的 react : https://mobxjs.github.io/mobx/best/pitfalls.html 用@computed装饰器标记的属性是一种 r
我正在使用 wxToolBar，它使用带有以下代码(简化)的下拉菜单: g_toolBar1->AddTool(TOOLBAR_CMD_CONTROL_DROPDOWN,_("Control elem
我在我的 Windows 系统上用 pip 安装了 Flask 和 HTML5。当我使用 IDLE 启动 Hello World! 程序时，我在 Python-Shell 中收到一条红色消息: "*
这个问题在这里已经有了答案: What is a NullReferenceException, and how do I fix it? (27 个答案) 关闭 3 年前。 所以我正在为我的 Di
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 3 年前。 Improve t
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
我是 clojure 和试剂的新手。我试图生成动态数量的复选框，其状态存储在应用程序状态中，这是一个像这样的字典列表 [{:checked false, :text "Sample text 1"}
我正在尝试使用我的 Discord.js 机器人在 JavaScript 中制作一个菜单。到目前为止，一切正常，除非我应用删除消息的 react 。消息被删除，但此错误在控制台中以垃圾邮件形式出现:
我正在尝试创建一个动画，将鼠标悬停在顶部的 div 上会触发下面的 div 中的 react 。 我希望实现的是悬停在任何人身上的流动效果 在顶行将触发底行也向下推。 原始 CSS 不是我的创作，我只
我知道通过使用“超时”命令，我可以等待指定的时间；但我的问题是，如果这是一个可以被用户阻止的自动操作呢？我的意思是假设我想执行操作 A，但是通过使用“超时”命令，我会等待用户是否要取消此操作；例如，在
因此，虽然我们都知道整个复制和粘贴其他人的代码，并且神奇地工作，但在弄清楚这段代码的实际工作和功能时，它会失去一些上下文和理解。 我正在使用 Discord.py Rewrite ，以及一段名为 Re
我正在尝试制作一个 Discord.js 机器人，它将“Joueur” Angular 色添加到对 ✅ 表情符号使用react的用户。我是 JS 的新手，我在互联网上找到了 reaction.mess
我已经在 Ambari 管理中设置了一个文件浏览 View ( View - 添加 View - 文件)，但是当我试图访问这个 View 时，出现以下错误: E090 HDFS030 Error in
我对此的反应是新的。我用每个开关元素创建了一个项目数组，问题是：当我单击一个项目时，所有项目都会同时激活！。我尝试了许多通过搜索找到的解决方案，但都不起作用。
我对此的反应是新的。我用每个开关元素创建了一个项目数组，问题是：当我单击一个项目时，所有项目都会同时激活！。我尝试了许多通过搜索找到的解决方案，但都不起作用。
我是一名优秀的程序员,十分优秀！