Vue2中动态路由添加后刷新页面呈现空白的bug

问题描述：

在开发一个多用户后台系统时，需要将角色对应的菜单信息使用动态路由的方式添加到前端的router中，但是每当进入动态生成的路由时，只要刷新页面，就会显示空白，甚至还会出现前端的页面跳转直接变成了对后端接口的请求；

解决方法：

只需要在配置router时将其模式改为hash即可。（在router/index.js 这个文件中进行修改）

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})