Spring boot 整合vue

1.场景

• (1)原先我们的的项目是前后端分离的项目,前端是vue+elementUI,
  后端是spring boot开发的.
• (2)开发完成后,后端部署在tomcat,前端部署在nginx,完美运行
• (3)为了方便部署,项目经理要求把前端项目和后端项目只打一个包

2.步骤

• 1.将前端项目用npm run build打包，会生成一个dist文件
  

• 2.后端项目是maven管理的后端项目,所以整合的时候需要,自己手动在resource文件夹下新建static文件夹,然后将dist文件下的所有文件复制到static文件下

• 3.如果这样直接启动项目会出现访问不了的情况，时候发现index.html中路径带有一个前缀
  

  这个前缀配置的位置是在vue项目的vue.config.js文件夹中

需要将这个路径修改为绝对路径即可，这个位置一般会配置为选择全局的环境变量，这里选择写死。

除了要修改这个文件还需要将router下的index.js文件中mode修改为“hash”

我这里原来是history，导致登陆的时候路径跳转有问题，改成hash之后就可以正常用了。

• 4.这些改完了以后直接在本地起项目，通过locallhost:port/path/index.html就可访问了。