VUE打包的dist文件放到后端一起发布

背景

前后端分离开发的项目，在部署时为了方便部署，使用集成部署的方式（即前后端在一起部署的方式）

问题

直接将前端打包好的dist文件夹下的内容，放到后端项目的resource/static目录下，但是在启动访问时发现通过index.html页面登录进去可以访问，但是点击浏览器刷新按钮后页面就无法访问了。

原因

这是由于vue开发的项目使用的路由为history路由，只有一个单页面，当走index.html的路由时可以正常访问，但是刷新时访问了后端程序路由，即把网址URL栏的地址访问到了后端，所以就无法进行访问了。

解决这个问题也很简单，前端使用hash路由即可，这种方式访问时地址栏会带有/#/，访问类似于/#/index，就可以正常进行路由访问了。