axios 封装 get、post请求方法备份

最新推荐文章于 2024-09-02 11:20:32 发布

_心如止水

最新推荐文章于 2024-09-02 11:20:32 发布

阅读量211

点赞数

分类专栏： axios

本文链接：https://blog.csdn.net/qq_42822054/article/details/103023827

版权

axios 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先引入axios
使用axios封装get、post 方法，包括封装post请求发送header方法
在具体使用时根据需要作适当调整即可


import axios from 'axios';

const REQUEST_QUIET_HEADER_NAME = 'Request';

axios.interceptors.response.use(
    function (res) {
        if (!res.data.success) {
            const isQuiet = res.config.headers[REQUEST_QUIET_HEADER_NAME];
            handleErrorResponse(res.data.msg, isQuiet);
            if (isQuiet) {
                return res;
            }
            return;
        }
        return res.data;
    },
    function (err) {
        handleErrorResponse(err.response.data.message, err.config.headers[REQUEST_QUIET_HEADER_NAME]);
        return Promise.reject(err);
    }
);

export function handleErrorResponse(msg, isQuiet) {
    if (!isQuiet) {
        alert(msg);
    }
    throw msg;
}

export function sendGetRequest(url, query, isQuiet = false) {
    let options;
    if (isQuiet) {
        options = {
            headers: {
                [REQUEST_QUIET_HEADER_NAME]: isQuiet
            }
        };
    }
    return axios
        .get(
            `${url}?${Object.keys(query).map(k => (k + '=' + query[k])).join('&')}`,
            options
        )
        .then(response => response.data);
}

export function sendPostRequest(url, data, isQuiet = false) {
    let options;
    if (isQuiet) {
        options = {
            headers: {
                [REQUEST_QUIET_HEADER_NAME]: isQuiet
            }
        };
    }
    return axios.post(url, data, options).
        then(response => response.data);
}

使用

import {sendPostRequest} from './common_actions';
export function getList(paramData, headers) {
    return sendPostRequest(
        '/api/hello',
        paramData,
        headers
    );
}