在页面上使用的时候,直接通过this.$http找到对应的api方法 如果需要传参,可以在login方法中直接传递login({name: 'xxx', sex: 'yyy'}) 总结 在uniapp中封装请求方法,其实和vue里面的axios封装方式差不多,通过一次封装,改变之后的开发模式和维护成本是很重要的。 由于兼职的后端还没开始写接口,所以就不在这里展...
index.js封装get、post请求,接收参数并返回数据 api.js封装后台接口,便于页面调用和后期维护 为啥这里说的是至少两个js文件呢?那是因为可能因为权限的原因,亦或者模块的分类等,可以把api.js文件给拆分出去,按照不同的权限、模块来进行分类,最终可以通过一个总的js文件合并,这样更利于后期维护。 封装第一步:index.j...
// success里面的逻辑代码// 如果有显示loading的话,可以在这里选择隐藏if (!hideLoading) {uni.hideLoading();}// 判断请求是否成功(通过后端接口返回的状态进行判断)// code:0 即成功,不为 0 的话就是请求错误/失败if(res.data.code === 0){resolve(res.data)return true} else {if(res.data.code =...
}// 其他错误时,直接通过toast提示uni.showToast({title:res.data.msg,icon:'none'})returnfalse; } // fail里面的逻辑代码// 如果有显示loading,同样需要隐藏if(!hideLoading) { uni.hideLoading(); }returnfalse; 封装第二步:api.js 👉 引用封装好的index.js文件 importRequestfrom'./index.js'letrequest...
Uni-app 封装 API 请求 一、在文件夹 API 下创建 api.js constBASE_URL="";// 封装请求方法constrequest= (url, method, data) => { wx.showLoading({title:'加载中'// 数据请求前loading})returnnewPromise((resolve, reject) =>{ wx.request({url:BASE_URL+ url,// 开发者服务器接口地址method: ...
uni app 封装接api接口 创建文件 base.js let baseURL = ''; // 是否在控制台显示接口请求日志,本地环境启用,打包环境禁用 let showHttpLog = false; // 测试环境 baseURL = 'https://api.apiopen.top/api'; // 正式环境 // baseURL = 'XXXXX.XXXXX.com'; module.exports = { baseURL: baseURL...
uni.config = { platform: system.startsWith("iOS") ? 2 : 1, // IOS为2 安卓为1 imgUrl: "https://xxx", // 图片地址前缀 baseUrl: baseUrl[1], appid: "xxx", // appid } utils里创建request.js文件,封装接口请求 // 登录接口域名 ...
1、封装 uni.request 请求: 在根目录创建 until 目录,在目录下创建 request.js 文件,编写以下代码 // 全局请求封装constbase_url ='http://localhost:996'// 需要修改token,和根据实际修改请求头exportdefault(params) => {leturl = params.url;letmethod = params.method||"get";letdata = params.data||...
1.创建一个untils的文件夹 里面创建 api.js 2.在文件内部将其进行封装 代码: // const BASE_URL = 'http://localhost:8082' export const myRequest = (options)=>{ return new Promise((resolve,reject)=>{ uni.request({ url:options.url,