uniapp中简单封装ajax

简介: uniapp中简单封装ajax

一、首先创建一个文件夹叫utils然后在创建一个request.js文件

二、然后我们开始封装ajax

const BASE_URL = "https://xgyc.gengduoke.com/"
export default  (options) => {
  let token = uni.getStorageSync('token');
  return new Promise((resolve,reject) => {
    uni.request({
      url:BASE_URL + options.url,
      method: options.method || 'GET',
      header: {'x-token': token || ''},
      data: options.data || {},
      success: (res) => {
        resolve(res);
      },
      fail: (err) => {
        uni.showToast({
          title:'ajax请求失败'
        });
        reject(err);
      }
    })
  })
}

三、在main.je把request挂载到vue的prototype原型上

四、最后在组件中使用就可以了


目录
相关文章
uniApp常用功能封装
uniApp常用功能封装
157 0
|
4月前
|
前端开发 JavaScript
AJax(XHR+Get和Post+AJax的封装)
AJax(XHR+Get和Post+AJax的封装)
97 15
|
4月前
|
前端开发 API UED
封装 uniapp 请求库的最佳实践
背景 在前端开发中,HTTP 请求是与服务器进行数据交互的核心手段。无论是获取数据还是提交数据,前端应用几乎都离不开 HTTP 请求。在 uniapp 中,uni.request 是官方提供的用于发起 HTTP 请求的基础 API。然而,直接使用 uni.request 存在一些问题和不足,比如: 1. 代码冗余:每次发起请求时都需要编写类似的配置代码,导致代码重复。 2. 缺乏统一管理:没有统一的地方管理请求参数、头信息、错误处理等,使得代码不易维护
141 7
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
293 1
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
678 1
|
移动开发 前端开发 JavaScript
uniapp中IO模块(管理本地文件系统)的常用功能封装
uniapp中IO模块(管理本地文件系统)的常用功能封装
1643 1
uniapp【组件封装】时间戳格式化为星期
uniapp【组件封装】时间戳格式化为星期
147 0
|
SQL 开发框架 数据库连接
uniapp中sqlite数据库常用操作的简单封装
uniapp中sqlite数据库常用操作的简单封装
1331 0
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
API
uniApp封装请求
uniApp封装请求
208 0