vue中封装全局axios请求

 第一步：安装axios   执行命令npm install axios

第二步： 在src/utils目录下 创建request.js

import axios from 'axios';
import router from "./../router/index"
const service = axios.create({
    // process.env.NODE_ENV === 'development' 来判断是否开发环境
    // easy-mock服务挂了，暂时不使用了
    // baseURL: 'https://api-carlease-m.lixingpt.com',
    // baseURL: '/api',
    // baseURL: 'https://zl.uat.lixingpt.com/',
    baseURL: 'http://42.192.77.180:6089',
    timeout: 5000
});

service.interceptors.request.use(
    config => {
        if(!config.headers['Authorization']){
            config.headers["Authorization"] = localStorage.getItem("access_token"); // token
        }
        return config;
    },
    error => {
        return Promise.reject();
    }
);

service.interceptors.response.use(
    response => {
        if (response.status === 200) {
            if(response.data.code === 10005){
                localStorage.removeItem("ms_username");
                localStorage.removeItem("access_token");
                // this.$router.push({ path: '/login'})
                router.push({path: "/login" });
                return response.data;
            }else{
                return response.data;
            }
           
        } else {
            Promise.reject();
        }
    },
    error => {
        // ElMessage(error.response.data.msg)
        return Promise.reject(error.response.data);
    }
);

export default service;

 第三步在src/api文件夹内创建 index.js 在index.js中引入request.js

import request from '../utils/request';

export const gologin = (query,headers )=> {
    return request({
        url: '/auth/oauth/token'
        method: 'post', //可以是put post delete
        data: query,
        headers: headers
    });
};
export const gologin = (query,headers )=> {
    return request({
        url: '/auth/oauth/token'
        method: 'get', 
        params: query,
        headers: headers
    });
};

第四步：组件调用

import { gologin } from "../api/index";

gologin(param,headers).then((res) => {})