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
我将从 ColdFusion 8 迁移到 ColdFusion 10。 目前，在我的Unix根目录下，我只有1个Application.cfm，在这个根目录下我有大约10个子目录(以前的程序员就是这样
这个问题在这里已经有了答案: Is it possible to write a program in Java without main() using JDK 1.7 or higher? [d
我是编写 Windows 服务应用程序的新手，并且遇到了问题。 我用 Delphi 编写了一个普通的 Windows 应用程序来检查和调试代码的主要部分，现在必须将其转换为 NT 服务。 我的代码必须
我在 Visual Studio 2013 中运行它。 对于 Application.Current.Shutdown 我得到: “Application”是“System.Windows.Appli
给定以下 C++ 代码“mini.cpp”: #include "iostream" using namespace std; int main() { cout << "Hello Worl
什么是“服务器应用程序”？我被要求写一篇关于“服务器应用程序”中的错误的文章，但我不熟悉确切的术语。它们只是网络应用程序，还是其他东西？ 最佳答案 “服务器应用程序”是一种应用程序，它等待来自其他应用
JavaFX 应用程序类必须扩展 javafx.application.Application package automationFramework import java.util.concurr
I have implemented deeplinking in my application that open my app (if available) but my app opens
我被困在一个非常基本的问题上。我使用 JavaFX 创建了一个简单的 hello world 程序，它在 JDK 1.8 上运行良好。但是当我切换到 JDK-11 时，它会抛出以下异常: Error:
我可以让Application Insights显示正在运行的每小时使用情况日志，但是有没有一种方法可以每小时显示一次平均使用情况，以查看必须在一天中的哪个时段使用网站？ 最佳答案 在您的资源的概览
有谁知道为什么在.NET应用程序中实现Application Insights时不会收集用户代理信息，却能够在浏览器中收集统计信息？ 我很希望能够针对特定的用户代理字符串过滤出请求，但是看起来我无法看
我有多个应用程序使用 Application Insights for Production Data。我正在尝试使用 City 遥测字段来映射我们当前的用户。这些数据的跟踪似乎非常不一致，并且在大多
有没有办法在 ASP.NET Web 应用程序中禁用 Application Insights？假设我想关闭生产中运行的应用程序中的所有数据收集。 最佳答案 如果 ikey 在 Application
如何在 Azure Application Insights 中将时差转换为毫秒 let startTime = todatetime('2017-05-15T17:02:23.7148691Z');
我正在修改一个用 Coldfusion 编码的现有 Web 应用程序。在现有代码中，大部分文件夹包含一个 Application.cfm 文件，该文件设置应用程序变量 但是，我对这些应用程序的部分修改
我在 Application Insights Analytics 中有一些数据，它有一个动态对象作为自定义维度的属性。例如: | timestamp | name
首先，我需要的是-n WebBrowser-s，每个都在自己的窗口中执行自己的工作。用户应该能够看到所有这些内容，或者仅看到其中一个(或不显示任何内容)，并且能够对每一个执行命令。有一个主要形式，没有
我已收到以下代码以添加到封闭代码(受密码保护)中，以便可以发现错误。 On Error Resume Next: Err.Clear Application.SetOption "Error Trap
我正在使用 Delphi 7。我试图在非 VCL 单元中添加一个调用“application.processmessages”的过程。我收到错误“未声明的标识符:应用程序”。 如何从非 vcl 单元引
考虑一个非外汇现有应用程序，我们将其称为Business。 Business 公开一个 Model 对象，该对象又公开一些属性。 Model 还接受这些属性的监听器。 我的问题是关于向此类应用程序添加
我是一名优秀的程序员,十分优秀！