Taro 安装

请参考我的前一篇文章Taro安装

Taro 跨端请求库原理

我们通过 @tarojs/plugin-http 插件，在小程序环境下 runtime 注入模拟实现的 XMLHttpRequest , 从而支持在小程序环境中使用 web 生态下的各种网络请求库。至此，你可以在 h5、小程序、react native 中畅快使用 axios 库作为请求库。

理论上， 任何底层基于 XMLHttpRequest 开发的 web 库你都可以自由使用。

插件使用

安装

直接使用 包管理工具 进行安装

# npm 也可以根据个人爱好选择其他包管理工具
$ npm i @tarojs/plugin-http axios

配置

在 config 文件夹中的 index.js 文件

// config/index.js  
config = {  
// ...  
plugins: ['@tarojs/plugin-http'],  
}

代码引入

抽取 axios 配置 并模块化

import axios from 'axios'  
  
const server = axios.create({  
    baseURL: '' 
})

export server

axios 配置 可参考 我的文章axios配置

插件完整配置参数

参数名	默认值	说明
enableCookie	false	(是否)注入相关代码，支持 document.cookie 、 通过后端返回 Set-Cookie 响应头来设置 cookie
disabledFormData	true	(是否)禁用掉 FormData 全局对象
disabledBlob	true	(是否)禁用掉 Blob 全局对象

限制

• 暂不支持上传，且插件默认会将全局 FormData 、 Blob 对象替换成 undefined（仅针对小程序环境）
• 本插件需搭配 taro 主包 3.6.0 及其以上版本使用
• webpack4 用户需升级插件版本为 3.6.6 及其以上