当前位置:网站首页>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{
}
})
边栏推荐
猜你喜欢
随机推荐
sql中 exists的用法
MySQL的 DDL和DML和DQL的基本语法
七夕和程序员有毛关系?
AutoInt网络详解及pytorch复现
Embedding two implementations of the torch code
spark中的cache和checkpoint
Getting Started with Chrome Plugin Development
el-tree设置选中高亮焦点高亮、选中的节点加深背景,更改字体颜色等
process.env环境变量配置方式(配置环境变量区分开发环境和生产环境)
QT信号与槽
信息学奥赛一本通T1449:魔板
信息学奥赛一本通T1452:Keyboarding
5 个开源的 Rust Web 开发框架,你选择哪个?
MySQL的DATE_FORMAT()函数将Date转为字符串
FiBiNet torch reproduction
mysql慢查询优化
Composer require 报错 Installation failed, reverting ./composer.json and ./composer.lock to their ...
IFM network detailed explanation and torch reproduction
SQLServer2019安装(Windows)
RADIUS计费认证如何配置?这篇文章一步一步教你完成









