当前位置:网站首页>uniapp 请求接口封装
uniapp 请求接口封装
2022-08-03 05:53:00 【摩羯座**】
新建utils文件
新建request.js
let server_url = 'http://47.92.85.239:6001'; //请求根路径(服务器地址)
let token = '';//token令牌
'http://***/api'; //环境配置
//向外暴露一个方法,传入一个空对象
export function service(options = {}) {
uni.getStorageSync('token') &&(token = uni.getStorageSync('token'));//从本地缓存中获取token
options.url = `${server_url}${options.url}`;//前面为你的服务器地址,后面为具体接口地址
//配置请求头
options.header = {
// 'content-type': 'application/json',//默认请求头,可不写
'Authorization': `${token}` //Bearer ,你请求数据需要的自定义请求头(令牌)
};
// 创建promise
return new Promise((resolved, rejected) => {
//成功
options.success = (res) => {
// console.log(res)
// resolved(res.data)
if (Number(res.statusCode) == 200) { //请求成功
resolved(res);//请求成功时返回接口数据
} else {
uni.showToast({
icon: 'none',
duration: 3000,
title: `${res.data.msg}`
});
rejected(res.data.msg); //请求失败时返回错误信息
}
}
//错误
options.fail = (err) => {
rejected(err); //请求失败时返回错误信息
}
uni.request(options);//传入配置好的对象
});
}
API.JS
import { service } from "@/utils/request.js" //request向外暴露的方法
//登录
export function login1(data) {
//传入对应的配置对象
return service({
url: '/scm-account/account/client-query',//接口地址
// url: '/api/demo/login',//接口地址
method: 'get',//请求方法
data//请求接口需要的参数
})
}
在页面中使用
import { login1 } from '@/utils/api.js'
//在对应的请求函数中使用
//登录请求
login1(param).then(res => {
if(res.data.code == 0){ //具体可根据后端定义书写
}else{
}
})
边栏推荐
猜你喜欢
随机推荐
Pinned Articles-
MySql的安装配置超详细教程与简单的建库建表方法
死锁的成因和对应的解决方案
信息学奥赛一本通T1447:靶形数独
mysql慢查询优化
JS 原型原型链
IFM网络详解及torch复现
DIFM network, rounding and repetition
【playwright】pytest-playwright增加代理服务选项
RADIUS计费认证如何配置?这篇文章一步一步教你完成
最新版图书馆招聘考试常考试题重点事业单位
Flink对比Spark
pyspark @udf 循环使用变量问题
Laravel 中使用子查询
IFM network detailed explanation and torch reproduction
el-tree设置选中高亮焦点高亮、选中的节点加深背景,更改字体颜色等
IPV4地址详解
AR路由器如何配置Portal认证(二层网络)
Shell脚本--信号发送与捕捉
El - tree to set focus on selected highlight highlighting, the selected node deepen background and change the font color, etc