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

如何将在/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文件。

以上就是如何将Vue项目打包文件集成到Flask框架中？的详细内容，更多请关注硕下网其它相关文章！