jwttoken解码_前后端分离之JWT（JSON Web Token）的使用

前言

由于自己开发的项目中用到了 JWT 技术，前端采用了 Vue.js 框架，后端采用了 CodeIgniter 框架，故作此文帮助使用相同技术栈的朋友们。

具体思路如下：

把后端生成的 JWT token 存入 localStorage，然后前端切换路由(刷新页面)的时候，通过 Ajax 请求的时候带上这个 token，提交给后端判断当前的 token 是否有效，后端返回结果。

JWT 用处很多，可以用于后台权限的限制、接口安全性校验。

使用教程

前端 Vue.js

vue-router

登录时，将后端返回的 token 存入 localStorage

使用 Vue-Router 判断是否存在 token，不存在跳转至登录

// JWT 用户权限校验，判断 TOKEN 是否在 localStorage 当中

router.beforeEach(({name}, from, next) => {

// 获取 JWT Token

if (localStorage.getItem('JWT_TOKEN')) {

// 如果用户在login页面

if (name === 'login') {

next('/');

} else {

next();

}

} else {

if (name === 'login') {

next();