欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于uniapp的request封裝保姆級(jí)教程

 更新時(shí)間：2023年07月07日 08:33:14   作者：還在持續(xù)努力中  
這篇文章主要給大家介紹了關(guān)于uniapp的request封裝保姆級(jí)教程,request是基于uni-app框架封裝的一個(gè)網(wǎng)絡(luò)請(qǐng)求庫,可以用于發(fā)送http請(qǐng)求和處理響應(yīng)數(shù)據(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)文章

最新評(píng)論