vue框架下，axios封装应用

最新推荐文章于 2024-07-22 11:35:49 发布

wxj_web

最新推荐文章于 2024-07-22 11:35:49 发布

阅读量148

点赞数

分类专栏： Vue axios 文章标签： vue

本文链接：https://blog.csdn.net/wxj_ios/article/details/105134505

版权

本文介绍了在Vue项目中如何进行axios的深度配置和封装，理解axios的参数配置是掌握封装关键，同时也鼓励读者通过实践来理解和运用这个封装方法。如有使用困难，作者欢迎留言交流。

摘要由CSDN通过智能技术生成

import axios from 'axios';
// axios.defaults.withCredentials = true;
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 预处理请求信息（config 发出的数据）
    if (config.method === 'post' || config.method === 'put' || config.method === 'delete') {
    // POST传参序列化
    }
    return config;
}, function (error) {
    // 预处理请求错误（error）
    return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    return response;
}, function (error) {
    // 预处理响应错误（error)
    // alert(error);
    return Promise.reject(error);
});

/**
 * 返回axios方法
 * @param url（如果传绝对地址则baseURL不会追加到url之前）
 * @param method
 * @param timeout
 * @param data
 * @param headers
 * @param dataType
 * @returns {AxiosPromise}
 */
export default function(url, {
    // 不传时，默认参数
    method = 'get',
    timeou