当前位置: 移动技术网 > IT编程>开发语言>JavaScript > uni-app封装request请求

uni-app封装request请求

2020年08月14日  | 移动技术网IT编程  | 我要评论
config.js// export const baseURL = 'http://localhost:8081'// 小程序或app真机调试时使用export const baseURL = 'http://192.168.1.11:8081'request.jsimport { baseURL } from './config.js'export default function (options) { return new Promise((resolve, reject) =&

config.js

// export const baseURL = 'http://localhost:8081'
// 小程序或app真机调试时使用
export const baseURL = 'http://电脑IP:8081'

获取电脑IP方法,控制台ipconfig

request.js

import { baseURL } from './config.js'

let ajaxTimes = 0

export default function(options) {
	ajaxTimes++
	uni.showLoading({
		title: '加载中...',
		mask: true
	})
	return new Promise((resolve, reject) => {
		uni.request({
			url: baseURL + options.url,
			method: options.method || 'get',
			data: options.data || {},
			success: res => {
				resolve(res.data)
			},
			fail: err => {
				reject(err)
			},
			complete: () => {
				ajaxTimes--
				if (ajaxTimes === 0) {
					uni.hideLoading()
				}
			}
		})
	})
}

base.js

//用户user
export const USER_PATH = '/interest/user/public'
...

user.js

import request from './request.js'
import { USER_PATH } from './base'

export const registered = (data) => {
	//注册
	return request({
		url: USER_PATH + '/registered',
		method: 'POST',
		data
	})
}

export const getCode = (mobilePhone) => {
	//获取手机验证码
	return request({
		url: USER_PATH + '/code',
		data: {
			mobilePhone
		}
	})
}

export const getToken = (mobilePhone, code) => {
	//登录获取token
	let data = {
		mobilePhone,
		code,
	};
	return request({
		url: USER_PATH + '/token',
		data: data
	})
}

main.js全局注册

import * as USER from '@/request/user.js'
Vue.prototype.$USER = USER

person.vue 发送请求

async handleClickLogin() {
	// 登录
	if (this.mobilePhone.trimLeft() == '' || this.valCode.trimLeft() == '') {
		showToast('请先输入有效的手机号以及验证码')
		return
	}
	const result = await this.$USER.getToken(this.mobilePhone, this.valCode)
	// console.log(result.data)
	if (result.status == 2000) {
		this.count = 0
		uni.setStorageSync("token", result.data.token)
		uni.setStorageSync("mobilePhone", result.data.mobilephone)
		uni.setStorageSync("id", result.data.id)
	}
}

本文地址:https://blog.csdn.net/weixin_45585996/article/details/107963236

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网