vue-封装axios（两种方法）

最新推荐文章于 2024-07-24 15:30:34 发布

李晨飞_

最新推荐文章于 2024-07-24 15:30:34 发布

阅读量147

点赞数

分类专栏： vue 文章标签： javascript html vue.js

本文链接：https://blog.csdn.net/m0_59878114/article/details/120707037

版权

vue 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

这篇博客介绍了两种使用axios库进行API请求的方法。方法一是通过axios.create()创建一个实例，设置基础URL和超时时间。方法二是直接修改axios的默认配置，并提供了导出自定义请求函数，该函数支持GET和其他HTTP方法，可以传递URL、方法、参数、数据和头部信息。

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

方法一

import axios from 'axios'
// axios.create() 创建一个自动以的axios请求方法（填入相关的配置）
const instance = axios.create({
  baseURL: 'http://geek.itheima.net',
  timeout: 5000 // 超过5秒判定超时
})

export default instance

方法二

import axios from 'axios'
axios.defaults.baseURL = 'http://geek.itheima.net'
axios.defaults.timeout = 8000
// export default axios

// 导出自定义函数, 参数对象解构赋值
// method = 'GET' 默认是GET
export default ({ url, method = 'GET', params, data, headers }) => {
  return axios({
    url: url,
    method: method,
    params: params,
    data: data,
    headers: headers
  })
}