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

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《如何将Vue项目的打包文件正确配置到Flask应用中？》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

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

问题：

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

回答：

要点：

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

详细探索：

尝试 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应用中？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！