原生cdn axios封装

原创

mob64ca12d2a342 2024-06-29 05:37:09 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12d2a342的原创作品，请联系作者获取转载授权，否则将追究法律责任

原生cdn axios封装教程

整体流程

为了实现“原生cdn axios封装”，我们需要按照以下步骤进行操作：

步骤	操作
步骤一	引入axios CDN
步骤二	创建axios实例
步骤三	设置axios实例基本配置
步骤四	封装请求方法

操作步骤

步骤一：引入axios CDN

在html文件的头部引入axios的cdn链接，如下所示：

<script src="

步骤二：创建axios实例

在JavaScript文件中创建axios实例，如下所示：

// 创建axios实例
const instance = axios.create();

步骤三：设置axios实例基本配置

设置axios实例的基本配置，包括baseURL、headers等，如下所示：

// 设置axios实例基本配置
instance.defaults.baseURL = '
instance.defaults.headers.common['Authorization'] = 'Bearer token';

步骤四：封装请求方法

封装常用的请求方法，如get、post等，如下所示：

// 封装get请求
function get(url, params) {
    return instance.get(url, { params });
}

// 封装post请求
function post(url, data) {
    return instance.post(url, data);
}

// 封装put请求
function put(url, data) {
    return instance.put(url, data);
}

// 封装delete请求
function del(url) {
    return instance.delete(url);
}