uniapp请求后端接口

小叮当仁不让2024-04-09 11:46

新建文件夹utils

javascript 复制代码

const request = (config) => {
	// 拼接完整的接口路径
	config.url = 'http://mm.test.cn' + config.url;
	//这里拼接的是访问后端接口的地址，http://mm.test.cn/prod-api/test
	console.log(config.url)
	//判断是都携带参数
	if(!config.data){
		config.data = {};
	}
	let promise = new Promise(function(resolve, reject) {
		uni.request(config).then(responses => {
			// 异常
			if (responses[0]) {
				reject({message : "网络超时"});
			} else {
				let response = responses; // 如果返回的结果是data.data的，嫌麻烦可以用这个，return res,这样只返回一个data
				resolve(response);
			}
		}).catch(error => {
			reject(error);
		})
	})
	return promise;
};
 
export default request;

新建文件夹api

javascript 复制代码

import request from '@/utils/request'
 
export function queryExistAbility(data) {
  	return request({
  		method: "post", // 请求方式
  		url: '/admin/api/queryExistAbility', // 请求的url
  		data // 参数
  	})
  }

使用

javascript 复制代码

import {
		queryExistAbility
	} from '@/api/index.js'

queryData(){
	queryExistAbility({
		
	}).then(res => {
		console.log(res)
	}).catch((err)=>{
		
	})
}