宝哥软件园

如何将vuejs打包的文件集成到springboot中

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

我不知道这个要求是否合适,因为用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中,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+