怎么将vuejs打包出来的文件整合到springboot里

这篇文章主要介绍怎么将vuejs打包出来的文件整合到springboot里，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

开始准备：

注意，我的springboot用的视图模板是thymeleaf，静态文件夹路径默认是resources/static/，我们目的就是要把dist这个打包好的文件夹，整个放进去这里。

1.修改vuejs的config/index.js,在里面找到assetsPublicPath，改为/dist/,记住，是build:{}这里的，不是上面dev:{}的。

2.执行npm run build，会出现一个dist文件夹在vuejs项目目录里。

3.把这个dist文件夹copy到springboot的resources/static/,记住，是整个dist连文件夹一起copy过来。

OK，搞掂。就是这么简单。

访问localhost/dist/index.html/#/就可以

PS:本人对webpack不熟悉，按理，只要修改上图中的assetsRoot，可以直接build到最终路径，不用手动copy那么麻烦

以上是“怎么将vuejs打包出来的文件整合到springboot里”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！