Vue实现登录

Vue实现登录

路由导航守卫控制访问权限：

// 挂载路由导航守卫,to表示将要访问的路径，from表示从哪里来，next是下一个要做的操作 next('/login')强制跳转loginrouter.beforeEach((to, from, next) => { // 访问登录页，放行 if (to.path === '/login') return next() // 获取token const tokenStr = window.sessionStorage.getItem('token') // 没有token, 强制跳转到登录页 if (!tokenStr) return next('/login') next()})

在request拦截请求：

// 在request 拦截器中, 展示进度条 NProgress.start()// 请求在到达服务器之前，先会调用use中的这个回调函数来添加请求头信息axios.interceptors.request.use(config => { NProgress.start() // console.log(config) // 为请求头对象，添加token验证的Authorization字段 config.headers.Authorization = window.sessionStorage.getItem('token') // 在最后必须 return config return config})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。