npm 包 tiny-axios 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发过程中，我们经常需要进行网络请求，从而获取数据或者提交数据到服务器端。axios 是一个广受欢迎的从浏览器端和 node.js 中发起 HTTP 请求的库。但是，它的体积相对较大，有时候我们只需要一个简单的请求库，这时候，就可以考虑使用 tiny-axios。

什么是 tiny-axios？

tiny-axios 是一个极其轻量级（只有 740 bytes）的 axios 实现，与 axios API 一致。它使用 fetch API 来实现请求，这意味着需要使用 Promise 作为返回值，并无法支持底层的拦截器、取消等功能。

安装与使用

安装

通过 npm 进行安装：

npm install tiny-axios

使用

发送 GET 请求

import tinyAxios from 'tiny-axios';

tinyAxios.get('/api/data').then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

带参数的 GET 请求

import tinyAxios from 'tiny-axios';

const params = { limit: 10, offset: 0 };

tinyAxios.get('/api/data', { params }).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

发送 POST 请求

import tinyAxios from 'tiny-axios';

const data = { name: '小明', age: 18 };

tinyAxios.post('/api/user', data).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

带 header 的请求

import tinyAxios from 'tiny-axios';

const headers = { 
  'Content-Type': 'application/x-www-form-urlencoded'
};

tinyAxios.post('/api/user', data, { headers }).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

总结

tiny-axios 提供了一个简单轻量的 HTTP 请求 API ，它可以用来替代复杂或庞大的 axios 库。在一些简单的项目或请求需求下，tiny-axios 可以更方便地满足我们的需求。需要注意的是，tiny-axios 并不具备完整的 axios 功能，但它足以覆盖大多数使用情境。

npm 包 tiny-axios 使用教程