介绍

请求库, 基于 axios

"axios": "^0.21.4"
"vue": "^3.2.47"
"vite": "^4.1.4"

使用

get(url, params, {config}) ↑

不会返回axios的 原始数据, 做了data处理

| 参数 | 说明 | | --- | --- | | url | '/test' | | params | { name: '参数' } | | config | 配置: https://axios-http.com/zh/docs/req_config |

import { api } from 'admin-request-tools'
class car extends api {
  static testGet(id) {
    return api.get(`/car/testGet?id=${id}`)
  }
}
export default car

get, post 使用一致 ↑

import { apiRequest } from "admin-request-tools"
const testGet = (params) => {
  return apiRequest.get(`/car/testGet`, params)
}

import { apiRequest } from "admin-request-tools"
const testGet = (params) => {
  const baseURL = 'https://admin.z-trip.cn/'
  return apiRequest.get('/car/testGet', params, { baseURL })
}

instance ↑

等同于 axios.get, axios.post, 会返回axios的 原始数据, 不做data处理

get

import { apiRequest } from "admin-request-tools"

apiRequest.instance.get(`/car/testGet?id=${id}`)

import { apiRequest } from "admin-request-tools"
const config = {
  headers: {
    'Access-Control-Allow-Headers': '*',
    'Access-Control-Allow-Origin': '*'
  },
  timeout: 15 * 1000
}
apiRequest.instance.get('url', config)

post

const params = {
  name: 'test'
}
const config = {
    headers: {'token': 'xxx' }
}
apiRequest.instance.post(`/car/testGet`, params, config)

运行 ↑

pnpm i

# pnpm or yarn
yarn start

# pnpm or yarn
yarn build