Vue2.9.6 cli项目部署到springboot静态文件夹

Vue2.9.6 cli项目部署到springboot静态文件夹

首先在项目根目录npm run build打成dist包

然后将dist包下的index.html,js,css,fonts复制到springboot的static文件夹下,不要包含static

也可直接设置打包到springboot静态static下

然后使用IDEA的eclipse快捷键ctrl+alt+L格式化代码，将css和js的路径修改为相对路径

如果你使用了element-ui,还需要再修改css引用字体的路径为相对路径

然后启动springboot项目输入‘http://域名:端口/index.html’就可以正常访问了，页面也可以正常调用后端接口