vue 发出请求时带token

目前我用的接口都是前期不需要token。所以我先把token写死1、首先安装axiosnpm install axios2 、在main.js中引入axiosimport axios from 'axios'Vue.prototype.axios = axios3、在main,js中引入token//加上token// 在请求头中加tokenaxios.interceptors.request.u

w_gold_qin

5694人浏览 · 2020-06-13 16:23:47

w_gold_qin · 2020-06-13 16:23:47 发布

目前我用的接口都是前期不需要token。
所以我先把token写死
1、首先安装axios

npm install axios

2 、在main.js中引入axios

import axios from 'axios'
Vue.prototype.axios = axios

3、在main,js中引入token

//加上token
// 在请求头中加token
axios.interceptors.request.use(
  config => {
  // 判断是否存在token，如果存在的话，则每个http header都加上token
    let token = "eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNpMy90KwjAMQOF3yfUKXZO0y15G-pNABXW4DQTx3d288vbjnDese4EZcrv1Owywr_q89HZKtepVAgZjShgyNzFT8Wksxikc8Vofi_7N-lpgHlmCR6Q0DdDz9oNRKPkTrls_-obFiLA5xlAdMZMrMZnzmuOkEtm8wOcLAAD__w.Z5ot6ZYYqgkIrP__Lk7AXFEGhUIajMQGjaF0CDxW2bg"
    if (!config.headers.hasOwnProperty('Authorization') && token) {
      config.headers.Authorization = token;
    }
    return config;localstro
  },
  error => {
    return Promise.reject(error);
  });

4、完事
不写死的话我觉得应该是就是登陆的时候，把token存到vuex或者本地local storage里面（存到一个你后续可以取得到的地方），然后上面代码token就取变量。
我迟早用得上动态加token,等我用上了再来更新。

带上token·

axios.interceptors.request.use(
  (config) => {
    let token = sessionStorage.getItem('token')//这个是登录时存进本地环境的token
    config.headers = {
       Authorization: token,
     }
    return config
  },