axios封装了ajax,axios ajax vue 封装axios get post put 等

最新推荐文章于 2025-03-12 18:20:51 发布

暗红色的丹阳

最新推荐文章于 2025-03-12 18:20:51 发布

阅读量238

点赞数

文章标签： axios封装了ajax

本文详细介绍了如何使用axios库创建一个带有超时设置、基础URL、凭据处理和自定义头的实例，并配置了响应拦截器来处理特定错误，如token失效。此外，还封装了get、post、patch和put请求方法，每个方法返回Promise以处理请求成功或失败的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import axios from 'axios';

import { getCookie } from '../api/cookies'

import {getQueryString} from '../api/unit' const instance = axios.create({ timeout: 5000, baseURL:'', withCredentials: true, headers: {token: getCookie('token')}

});

//http response 拦截器

instance.interceptors.response.use( response => { var res=response.data; if (res.code == 'A0301' || res.code == 'A0311') { // 拦截对应特殊错误特别处理 } else { return response; } }, error => { console.log("response error :" + error); if (error.response) { switch (error.response.status) {// token失效处理 case 401://token 失效 return; } } return Promise.reject(error) // 返回接口返回的错误信息 }

);

/**

* 封装get方法

* @param url

* @param data

* @returns {Promise}

export function get(url,params={}){ return new Promise((resolve,reject) => { instance.get(url,{ params:params }).then(res => { resolve(res.data); }).catch(err =>{ reject(err.data) }) })

}

/**

* 封装post请求

* @param url

* @param data

* @returns {Promise}

export function post(url,data = {}){ return new Promise((resolve,reject) => { instance.post(url,data).then(res => { resolve(res.data); }).catch(err =>{ reject(err.data) }) })

}

/**

* 封装patch请求

* @param url

* @param data

* @returns {Promise}

export function patch(url,data = {}){ return new Promise((resolve,reject) => { instance.patch(url,data).then(res => { resolve(res.data); }).catch(err =>{ reject(err.data) }) })

}

/**

* 封装put请求

* @param url

* @param data

* @returns {Promise}

export function put(url,data = {}) { return new Promise((resolve, reject) => { instance.put(url, data).then(res => { resolve(res.data); }).catch(err =>{ reject(err.data) }) })

}

文章来源: blog.youkuaiyun.com，作者：Marktubbu，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.youkuaiyun.com/Sensation_cyq/article/details/110477972