我不知道这个要求是否合适,因为用nginx部署的static vuejs项目很快就被听到了。
一般来说,有这种需求的人使用tomcat来部署java项目,tomcat不应该很快转发静态vuejs。
好吧,我只听到这些。应该是。实用吗?
别废话,马上开始。
这里第一句话是,目前我认为只支持#路由。如果将其更改为html5模式:“历史记录”,则不应支持它。
准备好:
注意,我的跳羚使用的视图模板是百里香叶,静态文件夹路径是resources/static/默认。我们的目的是把整个文件夹分布在这里。
1.修改vuejs的config/index.js,在其中找到assetsPublicPath,并将其更改为/dist/。请记住,它属于build3360 {},而不是上面的dev3360 {}。
2.当执行npm run build时,一个dist文件夹将出现在vuejs项目目录中。
3.将此dist文件夹复制到springboot的resources/static/。请记住,整个dist是与文件夹一起复制的。
好,修好它。就这么简单。
转到localhost/dist/index.html/#/
PS:不熟悉webpack。显而易见,您可以通过修改上图中的assetsRoot直接构建到最终路径,而不必手动复制它。
摘要
以上就是如何将vuejs打包的文件集成到边肖介绍的springboot中,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!