uni-app - 封装请求（简易）

前端开发大师鸭

已于 2024-07-29 16:05:05 修改

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： + UniApp 文章标签： uni-app javascript 前端

于 2020-11-10 20:52:32 首次发布

本文链接：https://blog.csdn.net/weixin_44198965/article/details/109606784

+ UniApp 专栏收录该内容

该专栏为热销专栏榜第84名

216 篇文章 ¥9.90 ¥99.00

订阅专栏

本文介绍了如何在uni-app中封装基础的网络请求，便于在每次接口调用时统一处理头部信息和证书密钥，简化代码重复。示例代码展示了封装过程及使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

这里封装的够基本使用，如果你想追求更好的，请使用相关库。

有时候，我们需要将请求封装起来，原因是很可能每次请求接口在 HEADS 头部携带 token，或 data 携带证书密钥（token + 字符串 + 时间戳），如果不封装起来，每次请求都需要重复来写。

代码

打开 main.js 加入以下代码：

// 将 $http 挂载到 Vue 原型上，你可以在页面中直接 this.$http 调用。
// 当然你也可以放到其他 js 文件里，只不过每次使用你都需要 import。

// method - 方法 - String : 如 POST
// url - 根域名 - String ：如 'user/login'
// data - 数据 - Object : 如 {phone: '131'}
// success - 成功回调 - Functi