前端vue启动时自动跳转到登录页面

路由配置页面加上路由守卫

启动前端后，项目启动网址如下图所示：

每次到登录页，还得在网址栏输入登录页面的路由。

那么下面的代码，可以让你点击启动页路由自动跳转到登录页路由。

代码如下

const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
    return originalPush.call(this, location).catch(err => err)
}

// 路由守卫
router.beforeEach((to ,from, next) => {
    if (to.path === '/') {
        return next("/login");
    }
    let user = localStorage.getItem("user");
    if (!user && to.path !== '/login' && to.path !== '/register' && to.path !== '/front/index') {
        return next("/login");
    }
    next();
})

拷贝以上代码到路由配置页。如下图所示就可以了！