• token是一串服务器返回的随机字符串,是用户用来访问服务器的身份令牌,因为http协议是无状态的,所以无法判断用户的状态,token用来解决这个问题。
  • 运用的场景:阻止用户访问没有登录状态下的页面,将token携带在请求头中,每进入一个页面判断一次,token过期直接返回登录页。

实战中token的使用:

1、首先在项目的src路径下面,有一个permission.js文件(如图)用来配置路由前置守卫,通过路由前置守卫来拦截没有状态的请求:
2、在permission.js文件中需要引入路由,vuex,获取的token等,获取的token一般通过localStorage存储在本地,可以通过一个数组定义不需要状态就能访问的页面的白名单。

3、然后在下面写路由前置守卫,定义一个常量存放获取的token,使用if判断token是否存在,存在就继续判断其他的条件,不存在就直接返回登录页。

4、然后在封装的request.js文件中的request请求拦截器中配置请求头,将token携带在请求头中。

5、携带完成以后在response响应拦截器中进行判断,如果token过期调用vuex中移除token的方法,移除以后刷新页面,最后交给路由前置守卫判断。

token是什么?token的作用以及运用场景?相关推荐

  1. Access Token 与 Refresh Token【转载哒科普啊】

    Access Token 与 Refresh Token access token 是客户端访问资源服务器的令牌.拥有这个令牌代表着得到用户的授权.然而,这个授权应该是临时的,有一定有效期.这是因为, ...

  2. 什么是JWT? Token? 如何基于Token进行身份验证?

    JWT (JSON Web Token) Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且 ...

  3. 【Flask项目2】生成token和验证token(11)

    用户登录 用户登录的功能我们使用 Json Web Token(JWT) 来为登录用户生成token令牌,并返回给客户端,客户端有了令牌之后,每次访问服务器,都携带Token,后台经过验证就能知道当前 ...

  4. html5 js保存token,vue生成token并保存到本地存储中

    这篇文章主要为大家详细介绍了vue生成token并保存到本地存储中,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 首先回顾一下token: to ...

  5. JSON Web Token (JWT)生成Token及解密实战

    转载自 JSON Web Token (JWT)生成Token及解密实战 昨天讲解了JWT的介绍.应用场景.优点及注意事项等,今天来个JWT具体的使用实践吧. 从JWT官网支持的类库来看,jjwt是J ...

  6. java 生成token代码_java token生成和校验的实例代码

    现在越来越多的登录方式都用到了token作为用户登录令牌,所以实现了一个token生成和校验案例. 缺点:该实现方式token是存储在内存中,不适合分布式项目,如需改为分布式项目部署,可把token存 ...

  7. 关于 IdentityServer4 中的 Jwt Token 与 Reference Token

    原文:关于 IdentityServer4 中的 Jwt Token 与 Reference Token OpenID Connect(Core),OAuth 2.0(RFC 6749),JSON W ...

  8. 【EOS】2.2 发行Token,转移Token

    1.获取合约代码:官方代码 git clone https://github.com/EOSIO/eosio.contracts --branch v1.4.0 --single-branch 里面包 ...

  9. php后台跨域token,JSON Web Token(JWT)目前最流行的跨域身份验证解决方案(PHP)类...

    JSON Web Token(JWT)是目前最流行的跨域身份验证解决方案,下面我自己封装了一个PHP的Jwt类,直接复制即可使用,无需composer安装包: 常规的身份验证流程为: 该方案的最大的短 ...

  10. JWT 生成Token、解析Token的简单工具类

    pom.xml导入依赖: <dependency><groupId>io.jsonwebtoken</groupId><artifactId>jjwt& ...

最新文章

  1. pads pcb导出pdf文件_干货 | 学会设计不规则形状PCB,看这一篇就够了
  2. python manager详解_Python通过Manager方式实现多个无关联进程共享数据
  3. 【错误记录】Android Studio 编译报错 ( Could not find com.android.tools.build:gradle:4.2.1. )
  4. python网站开发linux_使用Python编写Linux系统守护进程实例
  5. 力扣: 268. 丢失的数字
  6. ExoPlayer简单使用
  7. iOS用户设计指南-特别说明
  8. 系统架构设计之-任务调度系统的设计
  9. (16)VHDL实现半加器与全加器
  10. python 内存管理
  11. 深度学习入门:Day-11_CNN
  12. 1117 Eddington Number
  13. mumu模拟器android调试,如何使用网易mumu模拟器调试安卓程序?
  14. 【esp8266】【Node.js】【Websocket】esp8266和Node.js通过websocket进行通信,实验记录及踩坑记录
  15. python从excel中读取数据然后随机选一个_从Python读取Excel复选框
  16. 资治通鉴-6 听的智慧
  17. 用Shader Graph的Flipbook节点实现水花效果
  18. Bear and Three Balls
  19. import 和 from … import 模块的变量、方法引用差异
  20. 福布斯:区块链——社会影响力未来的关键

热门文章

  1. 异步复位信号的 recovery和removal
  2. python 判断平闰年的方法
  3. 【EduCoder实训答案】大数据系统及应用-HDFS实训
  4. 【9.4】多元复合函数的求导法则
  5. cmd下Python模块的安装
  6. 跟着吉庆写文档(流程图) の 让“伊妹儿“帮你管理时间
  7. # 如何在Git上更改本地分支名称和远程分支名称
  8. 面向对象(封装,this,static,代码块)
  9. 一文理解分布式常见的一致性算法
  10. 网站服务器内存性能监视异常波动,网站监视, Web架构监视, 服务器监视: Site24x7...