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)=>{
		
	})
}
相关推荐
伟笑22 分钟前
React 的常用钩子函数在Vue中是如何设计体现出来的。
前端·react.js
Sapphire~41 分钟前
重学前端003 --- CSS 颜色
前端·css
慧一居士41 分钟前
CSS和CSS3区别对比
前端·css3
我血条子呢41 分钟前
动态组件和插槽
前端·javascript·vue.js
中微子1 小时前
RESTful架构与前后端路由演进:构建现代化Web应用的核心规范
前端
前端付豪1 小时前
13、表格系统架构:列配置、嵌套数据、复杂交互
前端·javascript·架构
南屿im1 小时前
发布订阅模式和观察者模式傻傻分不清?一文搞懂两大设计模式
前端·javascript
I_have_a_lemon1 小时前
前端、产品、设计师神器推荐——Onlook
前端·cursor
前端小巷子1 小时前
深入解析CSRF攻击
前端·安全·面试
JustHappy1 小时前
SPA?MPA?有啥关系?有啥区别?聊一聊页面形态 or 路由模式
前端·javascript·架构