【js http client 封装】

最新推荐文章于 2024-09-26 01:42:12 发布

一碗烈酒

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量282

点赞数 1

文章标签： javascript http 开发语言

本文链接：https://blog.csdn.net/weixin_44809381/article/details/141371800

版权

client

// http.js
import axios from 'axios';
import { stringify } from 'qs';

export default class http {
    constructor(baseURL) {
        this.baseURL = baseURL;
        this.apiClient = axios.create({
            baseURL: this.baseURL,
            timeout: 10000
        });
        // this.defaults.headers.post['Content-Type'] = 'application/json';
        this.apiClient.interceptors.request.use(config => {
            // 在发送请求前可以做一些处理
            return config;
        }, error => {
            return Promise.reject(error);
        });
        this.apiClient.interceptors.response.use(response => {
            // 在响应到达客户端前可以做一些处理
            return response;
        }, error => {
            return Promise.reject(error);
        });
    }
    get(url, params = {}, config = {}) {
        return this.apiClient.get(url, {
            params,
            ...config
        });
    }

    post(url, data = {}, config = {}) {
        if (this.apiClient.defaults.headers.post['Content-Type'] === 'application/x-www-form-urlencoded') {
            data = stringify(date);
        } else {
            this.set_header_post_content_type_json();
            data = JSON.stringify(data);
        }
        return this.apiClient.post(url, data, config);
    }

    put(url, data = {}, config = {}) {
        return this.apiClient.put(url, data, config);
    }

    delete(url, params = {}, config = {}) {
        return this.apiClient.delete(url, {
            params,
            ...config
        });
    }

    set_header_common(key, value) {
        this.apiClient.defaults.headers.common[key] = value;
    }
    set_header_get(key, value) {
        this.apiClient.defaults.headers.get[key] = value;
    }
    set_header_post(key, value) {
        this.apiClient.defaults.headers.post[key] = value;
    }
    set_header_post_content_type_json() {
        this.apiClient.defaults.headers.post['Content-Type'] = 'application/json';
    }
    set_header_post_content_type_form() {
        this.apiClient.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
    }
};




};

调用client

// test.js
import http from "./http.js";

const api = new http('https://www.baidu.com');
const resp = await api.get('/');
console.log(resp.data);

const resp_login = await api.post('/user/login/', {'username': 'username', 'password': 'password'});
console.log(resp_login.status);
console.log(resp_login.data);
// console.log(resp_login.headers);
// console.log(resp_login.data);