当前位置:网站首页>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{
}
})
边栏推荐
猜你喜欢
随机推荐
MySQL日期和时间戳的转换
Detailed explanation and reproduction of AlexNet network
【经验分享】配置用户通过Console口登录设备示例
spark中的bykey
10 common data types in MySQL
信息学奥赛一本通T1446:素数方阵
Nacos单机模式的安装与启动
MySQL中的行锁
最新版图书馆招聘考试常考试题重点事业单位
Scala 基础 (三):运算符和流程控制
Basic syntax of MySQL DDL and DML and DQL
SQLServer2019安装(Windows)
ClickHouse 数据插入、更新与删除操作 SQL
CCF NOI 2022笔试题库
解决plt.imshow()不显示图片cv2.imshw()不显示图片
Charles capture shows
solution IFM network detailed explanation and torch reproduction
IPV4地址详解
nacos-2.0.3启动报错出现no datasource set的坑
我国有关信息方面的法律法规