惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
云风的 BLOG
云风的 BLOG
小众软件
小众软件
IT之家
IT之家
T
Tailwind CSS Blog
WordPress大学
WordPress大学
S
SegmentFault 最新的问题
美团技术团队
博客园 - 叶小钗
V
V2EX
博客园 - Franky
大猫的无限游戏
大猫的无限游戏
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
阮一峰的网络日志
阮一峰的网络日志
博客园 - 【当耐特】
罗磊的独立博客
博客园_首页
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
爱范儿
爱范儿
宝玉的分享
宝玉的分享
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Jina AI
Jina AI
月光博客
月光博客
有赞技术团队
有赞技术团队

liaooo

react-router在组件外操作路由 – liaooo Vue3自动导入常用api – liaooo Vue3自定义组件名字 – liaooo Vue+ts使用animate.css – liaooo 【开源】查看网站在不同设备的预览效果 – liaooo Pinia的使用 – liaooo craco配置postcss不生效 – liaooo Vite配置preprocessorOptions全局引入less – liaooo 监听Pinia仓库中的数据变化 – liaooo
uni-app中flyio的使用 – liaooo
liao · 2023-07-09 · via liaooo

在 src 目录下创建 utils 目录,并添加 request.js

import FlyIO from 'flyio/dist/npm/wx'

// 创建新的 FlyIO 实例
const service = new FlyIO()

// 设置超时
service.config.timeout = 5000;

// 设置请求基地址
service.config.baseURL = 'https://www.xxx.xxx'

// 请求拦截器
service.interceptors.request.use((request) => {
    uni.showLoading({
        title: "加载中...",
        mask: true
    })
    return request
})

// 响应拦截器
service.interceptors.response.use((response) => {
    // 隐藏加载框
    uni.hideLoading()

    // 只取返回的数据字段
    return response.data
}, (err) => {
    uni.hideLoading()
    return Promise.reject(err)
})

// 导出
export default service

在 main.js 中将 request.js 模块导出的 flyio 实例,挂载到 Vue.prototype

// 导入 request.js 模块
import service from '@/utils/request'

// 挂载到 Vue.prototype
Vue.prototype.$service = service