介绍
这篇文章给大家介绍如何在SpringBoot中使用Vue对前后端进行合并,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
前后端分离开发项目
前端Vue项目
服务端SpringBoot项目
如何将Vue的静态资源整合到SpringBoot项目里,通过启动jar包的方式部署服务。
前端项目执行<代码> npm运行构建代码> 命令进行打包,会自动生成打包后的dist目录文件所有东西放置在资源/静态文件下,如下图
服务器: ,,端口:8080 tomcat:才能 ,,,uri编码:utf - 8 春天: 应用程序才能: ,,,的名字:,“xxxx" servlet才能: ,,,application-display-name:。 mvc才能: ,,,static-path-pattern:,静态/* *
为了解决vue-router路由的路径无法正常解析
将vue-router中的路径加上统一的前缀”<代码>/vueXX> 代码”(自定义),然后在springboot项目中自定义过滤器,拦截带“<代码>/vueXX> 代码”的路径,将请求转发到“<代码>/索引。>