使用vue路由导航守卫判断登录状态决定是否跳转

news/2024/7/10 0:01:46 标签: vue, web, javascript, html5, node.js
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

在router下的index.js的最最后面export default router前写入

javascript">//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
  // to 将要访问的路径
  // from 代表从哪一个路径跳转而来
  // next 是一个函数,表示放行
  // next() 放行 next('/login') 跳转
  if (to.path === '/login') return next();
  //获取token
  const tokenStr = window.sessionStorage.getItem('token')
  //没有token,强制跳转登录页
  if(!tokenStr) return next('/login')
  // 放行
  next()
});

http://www.niftyadmin.cn/n/1799042.html

相关文章

translate old poem

不知吾道无言无行,而即有言有行者求道,忽遇异物,横执为道,殊不知舍源求流,无时得源,舍本就末,无时得本。 ——《文始真經》 Ordinary people are not able to make sense of dao. Dao cant not…

退出功能实现

因为我们是基于token实现登录&#xff0c;后续的请求没有携带token就会强制跳转到登录页面&#xff0c;所以实现退出功能&#xff0c;只需销毁本地存储的token即可 将components下的Home.vue修改为&#xff1a; <template><div><el-button type"info"…

netbeans增加yii的代码提示

在NetBeans中创建PHP项目 NetBeans目前还没有直接支持Yii Framework或Yii相关的插件&#xff0c;但是可以通过其他方式来实现Yii的代码自动提示。 首先&#xff0c;打开新建项目向导&#xff0c;创建一个“基于现有源代码的PHP应用程序”。 在向导中把源文件夹指向已创建好的yi…

axios拦截器使用

main.js中axios部分加入&#xff1a; // 请求拦截器 axios.interceptors.request.use(config >{console.log(config)/*为请求头对象添加Token验证的Authorization对象&#xff0c;就不用每次都在要传送的字段上加token了*/config.headers.Authorizationwindow.sessionStora…

获取左侧菜单

自己原本制作的接口可能不太适合此练手项目&#xff0c;将api地址替换掉 接口地址&#xff1a;https://www.liulongbin.top:8888/api/private/v1/ main.js修改 //配置axios全局使用 import axios from axios axios.defaults.baseURLhttps://www.liulongbin.top:8888/api/priva…

新学C#线程使用总结

这两天在项目上需要使用多线程技术&#xff0c;研究了半天&#xff0c;碰到了一些问题&#xff0c;现在简要总结下。 线程的使用其实很简单&#xff0c;和JAVA里面差不多&#xff0c;但是还是有很多特别的地方&#xff0c;在C#中的线程&#xff0c;如果要对非线程创建的控件进行…

侧边栏展开/折叠

Home.vue中el-menu前增加 <!--页面主体区域--><el-container><!--侧边栏--><!--侧边栏折叠与展开--><el-aside :width"isCollapse ? 64px : 200px"><!--点击折叠/展开--><div class"toggle-button" click"to…

Hyper-V故障转移群集

Hyper-V故障转移群集配置完成后&#xff0c;在故障转移群集管理器中新建虚机&#xff1a;角色-虚拟机-新建虚拟机 如果直接在Hyper-V管理器中新建虚机&#xff0c;则不是高可用&#xff0c;需要在故障转移群集管理器中将其添加进来使其成为高可用&#xff1a; 角色-配置角色-选…