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原型上

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


目录
相关文章
|
10月前
uniApp常用功能封装
uniApp常用功能封装
97 0
|
8月前
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
159 1
|
8月前
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
432 1
|
8月前
uniapp【组件封装】时间戳格式化为星期
uniapp【组件封装】时间戳格式化为星期
107 0
|
10月前
|
移动开发 前端开发 JavaScript
uniapp中IO模块(管理本地文件系统)的常用功能封装
uniapp中IO模块(管理本地文件系统)的常用功能封装
948 1
|
开发者
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
433 0
|
10月前
|
SQL 开发框架 数据库连接
uniapp中sqlite数据库常用操作的简单封装
uniapp中sqlite数据库常用操作的简单封装
867 0
|
10月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
10月前
|
API
uniApp封装请求
uniApp封装请求
92 0
|
10月前
|
JavaScript
uniapp-----封装接口
uniapp-----封装接口
156 0
uniapp-----封装接口

热门文章

最新文章