API du package uniapp

Tout comme pour écrire un projet Vue normal, créez un dossier API séparé pour une gestion facile.

Créez deux .jsfichiers, api.jsle fichier encapsule la méthode de requête et index.jsgère toutes les interfaces API du fichier. S'il s'agit d'un grand projet, créez un dossier pour la classification.

api.jscontenu du document :

const api = ({
    
    url,method = 'get',data = ''}) => {
    
    
	let URL = "http://xxx" //后台接口地址
	return new Promise((resolve, reject) => {
    
    
		uni.showLoading({
    
    
			title: '加载中',
		})
		uni.request({
    
    
			url: URL + url,
			method,
			data,
			success: res => {
    
    
				uni.hideLoading()
				resolve(res.data)
			}
		})
	})
}
export default api

index.jscontenu du document :

import api from "./api.js"  //导入封装的请求文件

//要获取的随机集合数量
export const randomList = (count) => {
    
    
	return api({
    
    
		url: '/xcx/test',
		method:'get',
		data: count
	}).then(res => {
    
    
		return res
	})
}

Appeler l'interface dans le fichier requis

import {
    
    randomList} from '../../api/index.js'

async mounted() {
    
    
	let res = await randomList({
    
    count: 10})
	this.records = res
	this.text = this.records[this.count].content
	this.playQues()
},