uni-app请求封装

  1.http.js

//你的请求地址(线上或线下)

export const BASE_URL = 'http://xxx.xxx.xx.xxx:xxxx/'; 
export const http = (options) => {
  return new Promise((resolve, reject) => {
    let token = "",tokenName='';
    let header={
      'content-type': 'application/json',
    }
    header[tokenName]=token;
    uni.request({
      url: BASE_URL + options.url, //请求地址
      method: options.method || 'GET',//请求方法
      header,
      data: options.data || {},//参数
      success: (res) => {//成功回调
        resolve(res);
      },
      fail: (err) => {//失败回调
        uni.showToast({
          icon: 'none',
          title: '请求失败!'
        })
        reject(err)
       },
      complete() {}
    })
  })
}

  2.main.js

import {http} from '@/utils/http.js';
Vue.prototype.$request = http;

  3.使用:

this.$request({
  url: 'xxx',
  data: {},
}).then(res => {//成功
  if (res.data.code == 200) {}//成功状态码判断
}).catch(err=>{});//失败
posted @   小贺吖  阅读(100)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示