javascript - 请问vue如何控制在地址栏直接输入地址，不管怎么样，首先进入的都是Login页面呢？

问题描述

问 题

后台是这么要求的，他想让我把login单独提出来，他后台进行拦截，但是我感觉vue的路由应该能够实现这个效果

解决方案

用 Vue 了就不要跟后台混合 在全局钩子处理就好了
详细请参考 VueRouter 文档：http://router.vuejs.org/zh-cn...

main.js

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const router = new VueRouter({ routes: [
  { path: '/' },
  { path: '/login' },
  { path: '/profile', meta: { requiresAuth: true } },
] })

router.beforeEach((to, from, next) => {
  // 可以在路由元信息指定哪些页面需要登录权限
  const islogin = false // 假设没有登录（这里应从接口获取）
  if (to.meta.requiresAuth && !islogin) { // 需要登录授权，这里还需要判断是否登录
    next('/login') // 跳转到登录
    return
  }
  next()
})

这篇关于javascript - 请问vue如何控制在地址栏直接输入地址，不管怎么样，首先进入的都是Login页面呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！