uniapp封装request请求-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp封装request请求。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在基础文件里面创建一个api文件在创建两个 js文件

uniapp封装request请求,uni-app,前端

http.js 里面封装 request 请求


let baseUrl = 'https://white.511.toponet.cn';  //基地址
export const request = (options = {}) => {
	//异步封装接口，使用Promise处理异步请求
	return new Promise((resolve, reject) => {
		// 发送请求
		uni.request({
			url: baseUrl + options.url || '', 
			method: options.method || 'GET', 
			data: options.data || {}, 
			header:{
				"x-requested-with":"XMLHttpRequest",
				"content-type": "application/x-www-form-urlencoded",
				"Access-Control-Allow-Origin":"*",
				"token":uni.getStorageSync('token') //token
			}
		}).then(res => {
			let {data} = res;
			resolve(data);
		}).catch(error => {
			reject(error);
		})
	})
}

在 service.js 封装要调用的接口

import { request } from './http.js'; //导入封装好的js文件

//每一个请求的接口都返回一个函数，便于直接调用

//请求登录的接口
export const login = (data)=>{
	return request({
		url:'/api/user/login', 
		method:'post',
		data,
	})
}

//请求首页的接口
export const register = ()=>{
    return request({
        url:"/api/index/index", 
        method:'get'
    })
}

在页面引入接口文件文章来源地址https://www.toymoban.com/news/detail-628332.html

	import {login} from '../../api/service.js'



	// 登录接口
			async getList() {
				const res = await login(this.form)
				console.log(res, 1);
				if (res.code != 1) {
					uni.showToast({
						title: res.msg,
						icon: 'error'
					})
				} else {
					uni.setStorageSync('token', res.data.token)//保存token
					setTimeout(() => {
						uni.navigateTo({
							url: '/subpkg/jumpPage/jumpPage'
						})
					}, 1000)
				}
			},

到了这里，关于uniapp封装request请求的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！