当前位置: 首页 > 面试题库 >

Flask和React路由

韦叶秋
2023-03-14
问题内容

我正在用React构建Flask应用,但最终遇到了路由问题。

后端负责成为API,因此一些路由如下所示:

@app.route('/api/v1/do-something/', methods=["GET"])
def do_something():
    return something()

以及通往React的主要路线:

@app.route('/')
def index():
    return render_template('index.html')

我在React应用程序中使用react-router,一切正常,react-
router带我进入,/something并获得了呈现的视图,但是当我刷新页面时,/somethingFlask应用程序会处理此调用,并且会Not Found出错。

最好的解决方案是什么?我正在考虑重定向所有未调用的调用/api/v1/.../这是不理想的,因为我将返回应用程序的主页,而不是呈现React视图。


问题答案:

为此,我们使用了所有网址。

from flask import Flask
app = Flask(__name__)

@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def catch_all(path):
    return 'You want path: %s' % path

if __name__ == '__main__':
    app.run()

您还可以加倍努力,重用Flask routing系统以与path客户端匹配相同的路由,以便可以将客户端需要的数据作为JSON嵌入HTML响应中。



 类似资料:
  • 现代Web框架使用路由技术来帮助用户记住应用程序URL。 无需从主页导航即可直接访问所需页面。 Flask中的装饰器用于将URL绑定到函数。 例如 - 这里,URL 规则绑定到函数。 因此,如果用户访问URL : ,就会调用函数,这个函数中的执行的结果输出将在浏览器中呈现。 应用程序对象的函数也可用于将URL与函数绑定,如上例所示,使用。

  • 问题内容: 我正在用React构建Flask应用程序,但最终遇到了路由问题。 后端负责成为API,因此某些路由如下所示: 以及通往React的主要路线: 我在React应用程序中使用react-router,一切正常,react- router带我进入,并获得了渲染视图,但是当我刷新页面时,Flask应用程序会处理此调用,并且会出错。 最好的解决方案是什么?我正在考虑重定向所有未调用的调用,这是不

  • React-Redux-Flask Boilerplate application for a Flask JWT Backend and a React/Redux Front-End with Material UI. Python 2.7+ or 3.x Pytest Heroku Flask React Redux React-Router 2.0 React-Router-Redux B

  • 我有一个简单的(目前)应用程序,使用react router和redux,我想为它添加国际化功能。 我已经安装了npm包,并且能够安装和运行提供的示例。我已经将适当的导入添加到我自己的应用程序中,并将国际化标签添加到根渲染方法中。 当我将I18nextProvider标记添加到render方法时,我得到了错误 找不到模块“react” 这并不是特别有用,尤其是因为如果我删除标签,react应用程序

  • 问题内容: 我已经安装了Apache服务器,并且正在通过mod_wsgi处理Flask响应。我已经通过别名注册了WSGI脚本: [httpd.conf] 我在上面的路径中添加了相应的WSGI文件: [/mnt/www/wsgi-scripts/service.wsgi] 我有一个简单的Flask Python测试脚本,提供了服务模块: [/mnt/www/wsgi-scripts/service.

  • 本文向大家介绍react的路由和普通路由有什么区别?相关面试题,主要包含被问及react的路由和普通路由有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 如果不使用 React Router,组件之间的嵌套,会使URL变得复杂,为了让我们的 URL 解析变得更智能,我们需要编写很多代码来实现指定 URL 应该渲染哪一个嵌套的 UI 组件分支。 而React Router 知道如何为我们搭建嵌