uni-app封装request请求

config.js

// 后台基础路径
export const baseURL = 'http://localhost:8081'

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 default {
	
	registered(data) {
		//注册
		return request({
			url: USER_PATH + '/registered',
			method: 'POST',
			data
		})
	},
		
	getCode(mobilePhone) {
		//获取手机验证码
		return request({
			url: USER_PATH + '/code',
			data: {
				mobilePhone
			}
		})
	},
	
	getToken(mobilePhone, code) {
		//登录获取token
		let data = {
			mobilePhone,
			code,
		};
		return request({
			url: USER_PATH + '/token',
			data: data
		})
	},
	
}

index.js

export { default as user } from './user.js'
...

main.js全局注册

import * as API from '@/request/index.js'
Vue.prototype.$API= API

person.vue 发送请求

async handleClickLogin() {
	// 登录
	if (this.mobilePhone.trimLeft() == '' || this.valCode.trimLeft() == '') {
		showToast('请先输入有效的手机号以及验证码')
		return
	}
	const result = await this.$API.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)
	}
}

• 想知道uni-app如何封装路由，请看这里