axios请求封装

蔡定努

于 2019-12-20 22:18:18 发布

阅读量210

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/caidingnu/article/details/103639441

vue 专栏收录该内容

28 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了在Vue.js项目中如何对Axios进行封装，以提高请求的复用性和统一错误处理。通过创建一个axios实例，配置默认参数，并结合拦截器实现请求和响应的拦截，达到优化API调用的目的。

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

import {Message} from 'iview';
import {Modal} from 'iview';
// 配置API接口地址(加上export其他组件才能使用)
export const serverIp = 'http://127.0.0.1:82';
// 引用axios
const axios = require('axios');

// 自定义判断元素类型JS
function toType(obj) {
    return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}

// 参数过滤函数
function filterNull(o) {
    for (const key in o) {
        if (o[key] === null) {
            delete o[key]
        }
        if (toType(o[key]) === 'string') {
            o[key] = o[key].trim()
        } else if (toType(o[key]) === 'object') {
            o[key] = filterNull(o[key])
        } else if (toType(o[key]) ===