關(guān)于uniapp的request封裝保姆級教程
更新時間：2023年07月07日 08:33:14 作者：還在持續(xù)努力中
這篇文章主要給大家介紹了關(guān)于uniapp的request封裝保姆級教程,request是基于uni-app框架封裝的一個網(wǎng)絡(luò)請求庫,可以用于發(fā)送http請求和處理響應(yīng)數(shù)據(jù),需要的朋友可以參考下
看了前端老張的uniapp視頻，在學完nodejs之后就可以進行接口對接，但是接口對接需要頻繁的寫入相同的url和一些相同的數(shù)據(jù)，所以我們需要進行request的封裝，以此減少我們的代碼量，廢話不多說，直接開始
1.首先，我使用的是windows的，因為是本地數(shù)據(jù)，使用ipconfig查詢自己的ip地址：
格式為:http://192.xxx.x.xxx(也有不一樣的，看自己的IPv4就行)
2.拿到我們的ip地址之后，我們在common目錄下創(chuàng)建我們的request.js文件
3.進入到文件之后我們開始寫代碼，基于uniapp文檔里#uni.request(OBJECT)的配置作為參考
export default{
common:{
baseUrl:"http://192.xxx.xxxx:3000/api",
data:{},
header:{
"Content-type":"application/json",
"Content-type":"application/x-www-form-urlencoded"
},
methods:"GET",
dataType:"json"
},
request(options={}) {
options.url =this.common.baseUrl+options.url;
options.data =this.common.data || options.data;
options.header =this.common.header || options.header;
options.method =this.common.method || options.method;
options.dataType =this.common.dataType || options.dataType;
return new Promise((res,rej)=>{
uni.request({
...options,
success:(result) =>{
if(result.statusCode != 200){
return rej();
}
let data =result.data;
res(data)
}
})
})
}
}4.引入之前寫的request.js文件，之后在頁面上配置使用就完成了
總結(jié)
到此這篇關(guān)于uniapp的request封裝保姆級教程的文章就介紹到這了,更多相關(guān)uniapp的request封裝內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)全選反選不選功能，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
純JavaScript代碼實現(xiàn)移動設(shè)備繪圖解鎖
為了個人信息的安全起見，移動設(shè)備上都有個繪圖解鎖，使用起來非常簡單，代碼是怎么實現(xiàn)的呢？下面小編給大家介紹js實現(xiàn)移動設(shè)備繪圖解鎖，需要的朋友可以參考下2015-10-10
這篇文章主要為大家詳細介紹了Bootstrap輸入框組件的簡單實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
利用jsPDF實現(xiàn)將圖片轉(zhuǎn)為pdf
這篇文章主要為大家詳細介紹了如何利用jsPDF實現(xiàn)將圖片轉(zhuǎn)為pdf的功能，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起了解一下2023-08-08
給Javascript數(shù)組插入一條記錄的代碼...2007-08-08
這篇文章主要為大家詳細介紹了axios實現(xiàn)簡單文件上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了原生Js實現(xiàn)的畫廊功能，幫助大家更好的理解和學習使用JavaScript，感興趣的朋友可以了解下2021-05-05
這篇文章主要給大家介紹了關(guān)于JavaScript中的幾種繼承方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要介紹了js實現(xiàn)動畫特效的文字鏈接鼠標懸停提示的方法,實例分析了javascript操作css的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了javascript中cookie對象用法,實例分析了javascript針對cookie對象的寫入、讀取及刪除等操作的使用方法,非常具有實用價值,需要的朋友可以參考下2015-01-01