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

对于一个文章开发者来说，牢固扎实的基础是十分重要的，就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《如何将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框架中？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注公众号，带你了解更多关于的知识点！