uniapp接口請求(第一種)


這種做法只是萬千方法里的一種,以后如果有更好的方法,我會補充進去。

1、新建config文件夾->index.js (目的:如果后端接口有幾種環境的情況下,可以在這個文件中修改環境,也就是可以修改接口的前綴地址)

代碼

// 接口前綴地址
let baseURL = '';
// 是否在控制台顯示接口請求日志,本地環境啟用,打包環境禁用
let showHttpLog = false;
// 測試環境
baseURL = ' https://www.easy-mock.com/mock/5fa243e943b1c7254743874d/example';
// 正式環境
// baseURL = 'XXXXX.XXXXX.com';
module.exports = {
baseURL: baseURL,
showHttpLog: showHttpLog
}


2、新建api文件夾->index.js(目的:封裝uni.request方法,代碼如下)

代碼:

import {baseURL} from '../config';//導入接口的前綴地址
export const myRequest =(options) =>{
return new Promise((resolve,reject)=>{
uni.request({
url:baseURL+options.url,//接口地址:前綴+方法中傳入的地址
method:options.method || 'GET',//請求方法:傳入的方法或者默認是“GET”
data:options.data || {},//傳遞參數:傳入的參數或者默認傳遞空集合
success:(res)=> {
//返回的數據(不固定,看后端接口,這里是做了一個判斷,如果不為true,用uni.showToast方法提示獲取數據失敗)
if(res.data.success != true){
return uni.showToast({
title:'獲取數據失敗',
icon:'none'
})
}
// 如果不滿足上述判斷就輸出數據
resolve(res)
},
// 這里的接口請求,如果出現問題就輸出接口請求失敗
fail: (err) => {
uni.showToast({
title:"請求接口失敗",
icon:"none"
})
reject(err)
}
})
})
}

3、接口調用

這里res.data.message 就是返回過來的數據。
到這里就完成了接口的封裝和使用。
但這種方法在實際項目中使用的時候是不太可取的,因為在方法調用的時候,這個方法是無法按照上述方法執行的,博主正在尋找第二種方法.......


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM