简单的办法解决 addRoute后刷新白屏的问题

QQ2856639881

已于 2023-02-12 00:03:03 修改

阅读量476

点赞数 2

分类专栏： vue 文章标签： javascript 前端 vue.js Powered by 金山文档

于 2023-02-11 23:48:30 首次发布

本文链接：https://blog.csdn.net/qq2856639881/article/details/128990727

版权

vue 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

思路：刷新后都重定向到首页

router.js文件

 
import Vue from "vue"
import Router from "vue-router" 
Vue.use(Router);

let router = new Router({
    mode: 'history',
    routes: [
        {
            path: '/',
            redirect: '/index'
        }, 
        {
            path: '/index',
            name: 'index',
            component: resolve => require(["@/apps/apps/index/index"], resolve),
            children: [
                { path: '/default', name: 'default', component: resolve => require(['@/apps/default'], resolve), meta: { keep: false, fresh: false } }, 

            ]
        },

        {
            path: '/login',
            name: 'login',
            component: resolve => require(["@/users/login"], resolve),  
            meta: {
                keep: false,
                fresh: false
            }
        }
    ]
})

let isfirst = true
router.beforeEach((to, from, next) => { 
console.log('%c router.beforeEach', 'color:green;font-size:16px',isfirst,to);
    if (isfirst) {
        // router.addRoute('index', new_router)  //可以在index.vue中增加新路由
        isfirst = false; 
        next({path:'/default'}); 
    } else {
        next()
    }
})

export default router

刷新后到达 default页，不白屏

如果一定要到达刷新前的页面，那么把to作为参数传给default，由default跳转应该可以实现