uniapp请求后端接口

新建文件夹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)=>{
		
	})
}
相关推荐
贵沫末3 分钟前
React——基础
前端·react.js·前端框架
aklry15 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin9322 分钟前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子23 分钟前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户38022585982423 分钟前
使用three.js实现3D地球
前端·three.js
程序无bug26 分钟前
Spring 面向切面编程AOP 详细讲解
java·前端
zhanshuo26 分钟前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos
JohnYan26 分钟前
模板+数据的文档生成技术方案设计和实现
javascript·后端·架构
撰卢1 小时前
如何提高网站加载速度速度
前端·javascript·css·html
10年前端老司机1 小时前
在React项目中如何封装一个可扩展,复用性强的组件
前端·javascript·react.js