Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/SpringHgui/axios-taro-adapter
axios adaptor for taro.request
https://github.com/SpringHgui/axios-taro-adapter
axios http taro
Last synced: 4 months ago
JSON representation
axios adaptor for taro.request
- Host: GitHub
- URL: https://github.com/SpringHgui/axios-taro-adapter
- Owner: SpringHgui
- Created: 2022-07-21T07:49:48.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T07:01:24.000Z (over 1 year ago)
- Last Synced: 2024-03-17T08:53:21.497Z (4 months ago)
- Topics: axios, http, taro
- Language: JavaScript
- Homepage:
- Size: 19.5 KB
- Stars: 27
- Watchers: 3
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Lists
- awesome-taro - 使用 axios 完美代替 Taro.request
README
# axios-taro-adapter
[](https://www.npmjs.com/package/axios-taro-adapter)
基于`axios`支持自定义适配器，只需要针对不同环境下的http请求api进行适配进行替换，`axios`可以使用在任意平台。
由于`axios`在其他项目中大量使用，本项目实现`Taro`框架下的适配器，可以在`Taroa`项目中完美使用原汁原味的`axios`，统一团队前端技术栈，统一http请求类库。
采用此方式对项目零侵入，开发者专注于`axios`的api即可。
有用点小星星支持~
# Quick start
1. `npm i [email protected]`
2. `npm i axios-taro-adapter`
3. create axios instance
仅需2行代码，完美使用`axios`替换`Taro.request`
```js
// api.js
import axios from "axios";
import { TaroAdapter } from "axios-taro-adapter";
const API_URL = "https://api.xxxx.com/";
const instance = axios.create({
baseURL: API_URL,
timeout: 10000,
adapter: TaroAdapter, // add this line，添加这一行使用taroAdapter
});
export const postData = data => {
return instance.post("/api/test", data);
}
```
例如：
原汁原味的拦截器
```js
// interceptors for request
instance.interceptors.request.use(
function (config) {
return config;
},
function (error) {
return Promise.reject(error);
}
);
// interceptors for response
instance.interceptors.response.use(
function (response) {
if (response.data.code !== 0) {
return Promise.reject(response.data);
} else {
return response.data;
}
},
function (error) {
return Promise.reject(error.message);
}
);
```