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

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

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了新蔡免费建站欢迎大家使用！

开始准备：

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

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

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

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里”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网站栏目：怎么将vuejs打包出来的文件整合到springboot里
文章分享：http://kswjz.com/article/jeosgc.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态