vue-router控制路由許可權

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

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

router.beforeEach((to, from, next) => {
  // 可以在路由元資訊指定哪些頁面需要登入許可權
  const islogin = false // 假設沒有登入（這裡應從介面獲取）
  if (to.meta.requiresAuth && !islogin) { // 需要登入授權，這裡還需要判斷是否登入
    next('/login') // 跳轉到登入
    return
  }
  next()
}){ path: '/goods', meta: { requiresAuth: true } },複製程式碼