如何将Vue项目的打包文件正确配置到Flask应用中？-Python教程-PHP中文网

如何将Vue项目的打包文件正确配置到Flask应用中？

聖光之護

发布： 2024-11-15 12:21:09

原创

1190人浏览过

如何将vue项目的打包文件正确配置到flask应用中？

一个这样的目录的前端打包文件如何如何在flask上配置路径？

问题：

vue项目的打包文件放置在 /data/dist 目录，如何将其正确配置到 flask 应用中，以访问打包后的静态文件？

回答：

立即学习“前端免费学习笔记（深入）”；

要点：

指定静态文件目录和模板目录。
避免设置不必要的 root_path。

详细探索：

Eclipse中创建Web Maven Project并部署到Tomcat中中文WORD版

大家都知道，在进行J2EE项目的开发过程中，在调试阶段如果只是修改了页面是不需要重启应用服务器的，比如不需要重启Tomcat。只需要在浏览器中进行页面刷新即可。其实之所以不用重启Tomcat等应用服务器，其根本原因是因为我们可以在应用服务器的配置文件中设置虚拟目录，这样就可以知道web 项目所在的目录，于是就可以省去打包、然后再重新发布到服务器的步骤。感兴趣的朋友可以过来看看

查看详情

尝试 1：设置 root_path

dir_path_base='/data/'
app = flask(__name__,
            root_path=dir_path_base+'dist',
            static_url_path=dir_path_base+'dist',
            static_folder=dir_path_base+'dist/assets/',
            template_folder = dir_path_base+'dist')

登录后复制

结果： 找不到模板文件。

尝试 2：仅设置模板目录

dir_path_base='/data/yzc/fedweb/web_font/'
app = flask(__name__,
            template_folder = dir_path_base+'dist')

登录后复制

结果： 找到了模板文件，但找不到静态文件。

尝试 3：添加静态文件目录

dir_path_base='/data/yzc/FedWeb/web_font/'
app = Flask(__name__,
            static_folder=dir_path_base+'dist/assets/',
            template_folder = dir_path_base+'dist')

登录后复制

结果： 成功配置！

以上就是如何将Vue项目的打包文件正确配置到Flask应用中？的详细内容，更多请关注php中文网其它相关文章！