PHP前端开发

如何将Vue项目打包文件集成到Flask框架中?

百变鹏仔 5天前 #Python
文章标签 如何将

如何将在/data/dist目录中打包的vue文件集成到flask中

为了将打包后的vue文件整合到flask中,需要进行如下配置:

太长不看版:

设置static_folder和template_folder参数,指向打包文件所在目录:

立即学习“前端免费学习笔记(深入)”;

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

具体探索:

方法 1

配置root_path参数,指向打包文件所在目录:

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

结果: 无法找到模板文件。

方法 2

配置template_folder参数,指向打包文件所在目录:

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

结果: 找到模板文件但找不到静态文件。

方法 3

同时配置static_folder和template_folder参数,指向打包文件所在目录:

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文件。