当前位置:   article > 正文

vue的axios封装和添加统一token_axios 请求头添加token key值为token

axios 请求头添加token key值为token
// 导入axios
import axios from 'axios';
// import store from '@/store/index'

import { useUserStore } from '@/store/user'

const instance = axios.create({
    baseURL: '/shop',
    timeout: 3000,//超时时间
});
// 请求成功:执行回调函数1,请求失败:执行回调函数2
instance.interceptors.request.use(config => {
    const userStore = useUserStore();
    const { setToken } = userStore

    // console.log('setToken: ', setToken);
    // console.log("userStore", userStore)
    // 正在请求数据
    console.log("config", config)
    // if (resizeBy.code === 0) {
    //     store.dispatch('setLoading', true);
    // }
    // // 在请求头统一添加的token
    if (userStore.state.token) {
        config.headers.Authorization = 'Bearer ' + userStore.state.token;
    }
    return config;
}, err => {
    // 请求失败
    // store.dispatch('setLoading', false);
    return Promise.reject(err);
});
instance.interceptors.response.use(response => {
    // Toast.clear();
    // store.dispatch('setLoading', true);
    return response.data;
}, err => {
    // 响应数据失败
    // store.dispatch('setLoading', false);
    // Toast.clear();
    return Promise.reject(err);
});


// 封装一个请求函数,可以处理get和post请求
const callAPi = (method = 'GET', url, data = {}) => {
    return instance({
        method,
        url,
        params: method === 'GET' ? data : {},
        data: method === 'POST' ? data : {},
    });
}

// 封装一个GET请求函数
export const getApi = (url, data) => callAPi('GET', url, data);
// 封装一个POST请求函数
export const postApi = (url, data) => callAPi('POST', url, data);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/715514
推荐阅读
相关标签
  

闽ICP备14008679号