reactjs – 将React应用程序集成到Flask应用程序中
发布时间：2020-12-15 16:19:32 所属栏目：百科 来源：网络整理
导读：我有一个现有的Flask应用程序,其中包含静态部分(网页)和动态部分(登录后).我需要做的是将动态部分重写为将使用现有API的React应用程序. 到目前为止,我一直在构建完全解耦的React应用程序,我不知道如何从Flask部分转换到React部分.理想情况下,我不想只在模板
|
我有一个现有的Flask应用程序,其中包含静态部分(网页)和动态部分(登录后).我需要做的是将动态部分重写为将使用现有API的React应用程序.
到目前为止,我一直在构建完全解耦的React应用程序,我不知道如何从Flask部分转换到React部分.理想情况下,我不想只在模板和编写组件中包含React / React-DOM脚本,我想为Flask应用程序的当前动态部分编写单页面应用程序(使用create-react-app). 转型实际发生的任何想法？也许什么时候@ app.route(/ dynamic-part)被触发,然后写一些东西而不是渲染模板？ 编辑：因为有些用户认为我的问题不是很清楚,所以我会尝试更准确,以防其他人偶然发现： 我问的问题是如何从Flask处理它的部分路线切换到React处理它的路线的一部分而不会相互影响.因此,如下面的答案所示,我将React应用程序的构建输出放在Flask中,并在Flask的路由中将React应用程序处理的所有路由指向React的构建输出的index.html.那很有效.希望现在更清楚了.如果没有,我会再次尝试更多细节. 解决方法
看起来create-react-app有指令re：
building for relative paths.所以你可以像往常一样开发React应用程序.
然后,当你准备好了,你’npm run build”会创建一个构建文件夹,其中包含单页应用程序所需的所有资源(html,捆绑的javascript,css等).您可以将整个文件夹复制到包含其余模板的目录中.然后你的@ app.route(/ dynamic-part)可以指向./app/templates/build/index.html. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |