• vue 解析 token

1. 引入jwt-decode 包

npm install jwt-decode --save

2. 在 vue 中引入jwt-decode

import jwtDecode from 'jwt-decode'

3. js 中使用

const decode =  jwtDecode(token);
console.log(decode);//解析后的对象

vue-resource 设置请求头，带上token
第一种方法：全局改变

  Vue.http.headers.common['token'] = token;

第二种方法：在Vue实例中设置

 var vm = new Vue({el:'#app',http: {root: '/',headers: {token: token}}})

第三种方法：在拦截器中设置 vue interceptors 设置请求头

  Vue.http.interceptors.push((request, next) => {request.headers.set('token', token); //setting request.headersnext((response) => {return response})})

第四种方法：在main.js添加过滤器

 Vue.http.interceptors.push((request,next)=>{//request.credentials = true; // 接口每次请求会跨域携带cookie//request.method= 'POST'; // 请求方式（get,post）//request.headers.set('token','111') // 请求headers携带参数next(function(response){return response;});})

参考博客：

• https://www.cnblogs.com/ifannie/p/11046835.html
• https://blog.csdn.net/weixin_42398560/article/details/88794882