• vue 解析 token

引入jwt-decode 包

npm install jwt-decode --save

在 vue 中引入jwt-decode

import jwtDecode from 'jwt-decode'

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

總結

以上是生活随笔為你收集整理的Vue 使用 token的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。