164Vue工程化2-挂载路由导航守卫+退出清除token+axios请求拦截器添加携带token

2022-07-30,,,,

router文件夹的index.js

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数,表示放行
  //     next()  放行    next('/login')  强制跳转

  if (to.path === '/login') return next()
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) return next('/login')
  next()
})

退出清除token

axios请求拦截器添加携带token

config.headers就是请求头

// 请求拦截器
axios.interceptors.request.use(config => {
  // console.log(config)
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在最后必须 return config
  return config
})

本文地址:https://blog.csdn.net/Gy_9543/article/details/107946773

《164Vue工程化2-挂载路由导航守卫+退出清除token+axios请求拦截器添加携带token.doc》

下载本文的Word格式文档,以方便收藏与打印。