php中文网

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

php中文网

一个这样的目录的前端打包文件如何如何在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应用中?的详细内容,更多请关注php中文网其它相关文章!