axios请求方法封装

最新推荐文章于 2025-07-14 14:42:48 发布

汤姆猫丶

最新推荐文章于 2025-07-14 14:42:48 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

文章标签： axios请求方法封装

本文链接：https://blog.youkuaiyun.com/qq_39403545/article/details/90906084

本文介绍了一种使用axios库封装网络请求的方法，包括POST和GET请求的处理方式，以及如何在实际项目中调用这些封装好的请求。通过示例代码展示了如何创建axios实例并设置基本配置，如接口域名、请求头和凭证等。

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

fetch.js

import axios from 'axios'

const service = axios.create({
  baseURL: 'https://admin.casualcharger.com/share-battery/', // 接口域名的地址
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
  },
  withCredentials:true
})

export default function request (url, data = {}, method = 'post') {
  return new Promise((resolve, reject) => {
    const options = {
      url,
      method
    }
    if (method.toLowerCase() === 'get') {
      options.params = data
    } else {
      options.data = data
    }
    service(options)
      .then(res => {
        resolve(res)
      })
      .catch(error => {
        reject(error)
        console.error(error)
      })
  })
}

index.js

import request from './fetch.js'

const api = {
    login (data){//登陆
      return request('/backStage/admin/login.action', data, 'post')
    },
}

export default api