如何将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应用中？的详细内容，更多请关注硕下网其它相关文章！