關(guān)于uniapp的request封裝保姆級(jí)教程
看了前端老張的uniapp視頻，在學(xué)完nodejs之后就可以進(jìn)行接口對(duì)接，但是接口對(duì)接需要頻繁的寫入相同的url和一些相同的數(shù)據(jù)，所以我們需要進(jìn)行request的封裝，以此減少我們的代碼量，廢話不多說，直接開始
1.首先，我使用的是windows的，因?yàn)槭潜镜財(cái)?shù)據(jù)，使用ipconfig查詢自己的ip地址：
格式為:http://192.xxx.x.xxx(也有不一樣的，看自己的IPv4就行)
2.拿到我們的ip地址之后，我們?cè)赾ommon目錄下創(chuàng)建我們的request.js文件
3.進(jìn)入到文件之后我們開始寫代碼，基于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封裝保姆級(jí)教程的文章就介紹到這了,更多相關(guān)uniapp的request封裝內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了js實(shí)現(xiàn)全選反選不選功能，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
純JavaScript代碼實(shí)現(xiàn)移動(dòng)設(shè)備繪圖解鎖
為了個(gè)人信息的安全起見，移動(dòng)設(shè)備上都有個(gè)繪圖解鎖，使用起來非常簡(jiǎn)單，代碼是怎么實(shí)現(xiàn)的呢？下面小編給大家介紹js實(shí)現(xiàn)移動(dòng)設(shè)備繪圖解鎖，需要的朋友可以參考下2015-10-10
Bootstrap輸入框組件簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Bootstrap輸入框組件的簡(jiǎn)單實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
利用jsPDF實(shí)現(xiàn)將圖片轉(zhuǎn)為pdf
這篇文章主要為大家詳細(xì)介紹了如何利用jsPDF實(shí)現(xiàn)將圖片轉(zhuǎn)為pdf的功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起了解一下2023-08-08
給Javascript數(shù)組插入一條記錄的代碼...2007-08-08
axios實(shí)現(xiàn)簡(jiǎn)單文件上傳功能
這篇文章主要為大家詳細(xì)介紹了axios實(shí)現(xiàn)簡(jiǎn)單文件上傳功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了原生Js實(shí)現(xiàn)的畫廊功能，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下2021-05-05
這篇文章主要給大家介紹了關(guān)于JavaScript中的幾種繼承方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
js實(shí)現(xiàn)動(dòng)畫特效的文字鏈接鼠標(biāo)懸停提示的方法
這篇文章主要介紹了js實(shí)現(xiàn)動(dòng)畫特效的文字鏈接鼠標(biāo)懸停提示的方法,實(shí)例分析了javascript操作css的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
javascript中cookie對(duì)象用法實(shí)例分析
這篇文章主要介紹了javascript中cookie對(duì)象用法,實(shí)例分析了javascript針對(duì)cookie對(duì)象的寫入、讀取及刪除等操作的使用方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01