vue 路由点进去后空白 刷新下又正常显示 是什么原因

Question

刚接手的项目 路由表都是完整的 但是点击一个二级导航页面空白 刷新一下又正常 看了半天也没找到原因 求大神指点

Answer 1

都不知代码怎么写的，这个要怎么回答？

Answer 2

let routes = initRouter(routerGroup);

function initRouter(config) {
let components = {},

routes = [],
routerObj = {};

config.forEach(list => {

components[list.name] = require(`../pages/restaurant/${list.address}`).default;
routerObj = {
  path: list.path,
  name: list.name,
  meta: list.meta,
  component: components[list.name]
};
if (list.children) {
  routerObj.children = initRouter(list.children)
}
routes.push(routerObj);

})
return routes;
}
export default new VueRouter({
routes: [{

  path: '/',
  component: {
    template: '<div @click="go">系统首页,点击进入导航</div>',
    methods: {
      go() {
        this.$router.push('/admin/foodAdmin')
      }
    },
    beforeCreate() {
      this.$router.push('/admin/foodAdmin')
    }
  }
},
{
  path: '/admin',
  component: adminContainer,
  children: routes
}

]
})

路由是这么配置的

Answer 3

是生产环境吗？

Answer 4

这种情况，除了了解路由的模式之外，还要看路由的导航。路由模式，可以参考vueRouter官方文档。路由守卫逻辑要求严格。