axios-miniprogram/docs/pages/guide/quick-start.md

2.5 KiB

title
开始

{{ $frontmatter.title }}

安装

:::: code-group

$ npm install -D axios-miniprogram
$ yarn add -D axios-miniprogram
$ pnpm install -D axios-miniprogram

::::

原生小程序也可以直接下载源码包

引用

:::: code-group

import axios from 'axios-miniprogram';

axios('test');
const axios = require('axios-miniprogram').default;

axios('test');

::::

使用

axios(url, config?)

可以通过把 urlconfig 传递给 axios 来发送请求。

注意: config 为选填

import axios from 'axios-miniprogram';

// 默认发送 GET 请求
axios('https://api.com/test')
  .then((response) => {
    // 请求成功后做些什么
  })
  .catch((error) => {
    // 请求失败后做些什么
  });

// 发送 POST 请求
axios('https://api.com/test', {
  method: 'POST',
})
  .then((response) => {
    // 请求成功后做些什么
  })
  .catch((error) => {
    // 请求失败后做些什么
  });

axios(config)

也可以直接把 config 传递给 axios 来发送请求。

import axios from 'axios-miniprogram';

// 默认发送 GET 请求
axios({
  url: 'https://api.com/test',
})
  .then((response) => {
    // 请求成功后做些什么
  })
  .catch((error) => {
    // 请求失败后做些什么
  });

// 发送 POST 请求
axios({
  url: 'https://api.com/test',
  method: 'POST',
})
  .then((response) => {
    // 请求成功后做些什么
  })
  .catch((error) => {
    // 请求失败后做些什么
  });

也可以使用请求方法简化请求。

还提供了一系列工具方法。

  • axios.create(defaults?) 创建新的 axios 实例
  • axios.createAdapter(platform) 创建平台适配器
  • axios.isCancel(error) 判断异常是否来自取消请求
  • axios.isAxiosError(error) 判断异常是否来自请求响应