路由的问题

Question

这个问题之前也有过，因为我少加了一个东西，但是现在又出来了，然后我对比了老师的代码，没有找到什么不一样，下面的提示信息：If you are returning a value instead of calling “next”, make sure to remove the “next” parameter from your function. 翻译为：如果返回值而不是调用“next”，请确保从函数中删除“next”参数。
这是router.ts

import { createRouter, createWebHistory } from 'vue-router'
import axios from 'axios'
import Home from './views/Home.vue'
import Login from './views/Login.vue'
import Signup from './views/Signup.vue'
import ColumnDetail from './views/ColumnDetail.vue'
import CreatePost from './views/CreatePost.vue'
import  store from './store'
const routerHistory = createWebHistory()
const router = createRouter({
  history: routerHistory,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/login',
      name: 'login',
      component: Login,
      //登陆状态（路由元信息）
      meta: { redirectAlreadyLogin: true }
    },
    {
      path: '/signup',
      name: 'signup',
      component: Signup,
      meta: { redirectAlreadyLogin: true }
    }, {
      path: '/creat',
      name: 'creat',
      component: CreatePost,
      //登录状态（没有登录的时候用户不允许访问）（路由元信息）
      meta: { requiredLogin: true }
    }, {
      path: '/column/:id',
      name: 'column',
      component: ColumnDetail
    }
  ]
})
//to：要到达的路由
//from：要离开的路由
router.beforeEach((to, from, next) => {
  //获取用户信息和token值
  const { user, token } = store.state
  //获取元信息
  const { requiredLogin, redirectAlreadyLogin } = to.meta
  //首先是没有登录的
  if (!user.isLogin) {
    //如果存在token
    if (token) {
      axios.defaults.headers.common.Authorization = `Bearer ${token}`
      //发送请求获取用户信息
      store.dispatch('fetchCurrentUser').then(() => {
        //判断登录状态
        if (redirectAlreadyLogin) {
          //跳转到登陆状态
          next('/')
        } else {
          next()
        }
      }).catch(e => {
        //失败就清空token值 到登陆页面
        store.commit('logout')
        next('login')
      })
      //如果token不存在
    } else {
      //requiredLogin就是进入这个路由需要路由
      if (requiredLogin) {
        next('login')
      } else {
        next()
      }
    }
    //已经登录的
  } else {
    //判断注册和登录页面元信息redirectAlreadyLogin为true
    if (redirectAlreadyLogin) {
      //直接跳到首页
      next('/')
    } else {
      next()
    }
  }
})
export default router

Answer 1

提问者 努力的皂皂 2021-03-29 19:40:12

已解决，我卸载了之前的路由版本，安装了和老师一样的版本就可以了

• 张轩 #1

  同学你好 能告知你之前安装的版本吗？ 我要确定新版本是没问题的

• 提问者 努力的皂皂 回复 张轩 #2

  好像是4.0.0-beta.7