axios封装

axios 封装

• 引入axios qs （省略安装）

import axios from "axios";
import qs from "qs";

• 根据开发环境设置baseurl

const BASEURL = process.env.NODE_ENV === "production" ? "https://www.520mg.com" : ""; 

• 创建axios实例

let request = axios.create({
    baseURL: BASEURL,
    timeout: 5000,
});

• 拦截与响应

// 创建 axios 实例
request.interceptors.request.use(
    (config) => {
        config.headers.token = localStorage.getItem("token");
        return config;
    },
    (err) => {
        return Promise.reject(err);
    }
);

// 发送 请求拦截 添加 token 头信息
request.interceptors.response.use(
    (res) => {
        // 加载提示  301,401,403,404,505,
        return res;
    },
    (err) => {
        return Promise.reject(err);
    }
);

• 创建postUrl方法

request.postURL = function (url, data, options = {}) {
    return new Promise(function (resolve, reject) {
        request({
            url: url,
            data: qs.stringify(data),
            ...options,
            method: "POST",
            headers: {
                "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
                ...options.headers,
            },
        })
            .then((res) => resolve(res))
            .catch((err) => reject(err));
    });
};