0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

axios的小程序适配器使用者指南:npm安装代码2

发表时间:2023-08-30 20:38:58

文章来源:炫佑科技

浏览次数:173

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

axios的小程序适配器使用者指南:npm安装代码2

axios小程序适配器,支持各平台小程序中使用axios

:star: 特点

微信小程序

支付小程序

钉钉小程序

百度小程序

:: 目录介绍

.
├── demo 使用demo
├── dist 编译产出代码
├── doc 项目文档
├── src 源代码目录
├── test 单元测试
├── CHANGELOG.md 变更日志
└── TODO.md 计划功能

:: 使用指南 1.如果您正在等待环境

通过npm下载并安装代码

$ npm i axios axios-miniprogram-adapter

import axios from 'axios'
import mpAdapter from 'axios-miniprogram-adapter'
axios.defaults.adapter = mpAdapter

2. 如果您没有使用任何脚手架工具

直接使用小程序开发工具内置的npmaxios的小程序适配器使用者指南:npm安装代码2,请按照以下步骤引入:

$ npm init

$ npm i axios axios-miniprogram-adapter

import axios from 'axios'
import mpAdapter from 'axios-miniprogram-adapter'
axios.defaults.adapter = mpAdapter

这里有一个代码片段demo供您直接使用:DEMO源码也可以在这里查看

3.如果不使用任何脚手架工具,也不使用npm(不推荐)

直接将编译好的axios和axios--复制到项目中:

import axios from '你的目录/axios.js'
import mpAdapter from '你的目录/axios-miniprogram-adapter.js'
axios.defaults.adapter = mpAdapter

三种区分方法

小程序自带的npm不支持对正在解析的库进行外部依赖:比如这个库依赖了axios库的一些工具包,源码中有如下代码:

import utils from 'axios/lib/utils'

在小程序开发工具中会报错找不到这个依赖。为此,我将依赖打包在一起。 由此带来的问题是库的大小增加了2kb。 基于此,我强烈建议大家使用类似的脚手架工具开发。

:: 文档:: 演示

打开小程序开发工具微信小程序开发用什么工具,根据不同平台选择各自的目录作为项目根目录:

本demo演示了几个常用函数的使用:

点击查看代码具体使用示例

:gear: 变更日志

.md

:: 计划清单

TODO.md

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多