怎么将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里
URL网址:http://csruizhi.cn/article/jeosgc.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都营销网站建设 网站制作 成都网站建设流程 成都定制网站建设 做网站设计 网站建设公司 教育网站设计方案 成都网站建设 企业网站设计 响应式网站设计 高端网站设计 盐亭网站设计 网站建设 营销网站建设 成都网站设计 企业网站设计 成都响应式网站建设 企业网站制作 成都品牌网站设计 LED网站设计方案 网站建设改版 成都网站建设