taro从o开始开发微信小程序（封装axios请求）

最新推荐文章于 2025-09-11 01:39:33 发布

原创

最新推荐文章于 2025-09-11 01:39:33 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#taro #微信小程序 #小程序

本文介绍了如何在Taro框架中使用axios进行API请求，包括导入包、设置基础URL、添加请求和响应拦截器，以及处理错误情况。

引用记Taro开发小程序与发布过程 - 掘金

一点一滴学习，离不开前人提供经验

转载只是为了不管在哪个平台都方便看到

导入包：taro-axios

pnpm i taro-axios --save

import { axios } from 'taro-axios'
import Taro from '@tarojs/taro'

// 公共提示
const shwoErrorToast = (msg: any) => {
    Taro.showToast({
        title: msg,
        icon: 'none'
    })
}

// 请求根路径
const instance = axios.create({
  baseURL: process.env.BASE_URL,
})

// 请求拦截器
instance.interceptors.request.use(
    (config) => {
        Taro.showLoading({
            title: '加载中',
            mask:true //使用蒙层
        })
        let token = Taro.getStorageSync('token')
        if (typeof token == undefined) {
            token = '';
        }
        config.headers = {
            'Content-Type': 'application/json;charset=utf-8',
            Authorization:token,
        }
        return config;
    }