Okhttp.ets
/**
* 网络请求
*/
import axios from '@ohos/axios'
import httpConstants from '../net/HttpConstants'
import errorCode from '../utils/errorCode'
import toast from '../utils/ToastUtils'
import router from '../utils/RouterUtils'
import SPUtils from '../utils/SPUtils'
import SpConstants from '../net/SpConstants'
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// 创建axios实例
const service = axios.create({
baseURL:httpConstants.url,
timeout:10000
})
// request拦截器
service.interceptors.request.use(async config = > {
// 是否需要设置 token
const access_token = await SPUtils.get(SpConstants.accessToken,"")
if (access_token != "") {
config.headers['Authorization'] = 'Bearer ' + access_token // 让每个请求携带自定义token 请根据实际情况自行修改
}
return config
}, error = > {
console.log(error)
Promise.reject(error)
})
// 响应拦截器
service.interceptors.response.use(res = > {
// 未设置状态码则默认成功状态
const code = res.data.code || 200;
// 获取错误信息
const msg = errorCode[code] || res.data.msg || errorCode['default']
if (code === 401) {
toast.show("登录状态已过期,您可以继续留在该页面,或者重新登录")
router.goNot('pages/Login')
} else if (code === 500) {
toast.show(msg)
return Promise.reject(new Error(msg))
} else if (code !== 200) {
toast.show(msg)
return Promise.reject('error')
} else {
return res
}
},
error = > {
console.log('err' + error)
let { message } = error;
if (message == "Network Error") {
message = "后端接口连接异常";
}
else if (message.includes("timeout")) {
message = "系统接口请求超时";
}
else if (message.includes("Request failed with status code")) {
message = "系统接口" + message.substr(message.length - 3) + "异常";
}
toast.show(message)
return Promise.reject(error)
}
)
export default service
API接口调用方法
LoginAPI.ets
或+mau123789学习,是v喔
import okHttp from '../utils/Okhttp'
// 登录方法-POST方法
export function login(username, password, code, uuid) {
const data = {
username,
password,
code,
uuid
}
return okHttp({
url: '/login',
method: 'post',
data: data
})
}
// 获取用户详细信息-GET方法
export function getInfo() {
return okHttp({
url: '/getInfo',
method: 'get'
})
}
Login.ets页面
import {login,getInfo} from '../api/LoginAPI'
login(this.userName,this.userPwd,this.userCode,this.uuid).then(res= >{
SPUtils.put(SpConstants.appUser,this.userName)
SPUtils.put(SpConstants.appPwd,this.userPwd)
SPUtils.put(SpConstants.accessToken,res.data.token)
})
审核编辑 黄宇
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
-
鸿蒙OS
+关注
关注
0文章
188浏览量
4391
发布评论请先 登录
相关推荐
Python编程:处理网络请求的代理威廉希尔官方网站
在网络编程中,代理威廉希尔官方网站
扮演着至关重要的角色,尤其在处理网络请求时。通过代理服务器,我们可以实现请求的转发、缓存、负载均衡以及安全控制等功能。Python作为一种功能强大的编程语言,为提
鸿蒙OS崛起,鸿蒙应用开发工程师成市场新宠
应用的形态也在发生着翻天覆地的变化。作为全球领先的移动操作系统和智能终端制造商,华为公司自主研发的鸿蒙OS应运而生,致力于构建一个统一的分布式操作系统,为各行各业的应用开发带来全新的可能性。
一、鸿蒙
发表于 04-29 17:32
鸿蒙OS开发实例:【窥探网络请求】
HarmonyOS 平台中使用网络请求,需要引入 "@ohos.net.http", 并且需要在 module.json5 文件中申请网络权限, 即 “ohos.permission.INTERNET”
本篇文章将尝试使用
鸿蒙原生应用开发-网络管理HTTP数据请求
request请求先返回。可以根据业务需要订阅此消息。
4.调用该对象的request()方法,传入http请求的url地址和可选参数,发起网络请求。
5.按照实际业务需要,解析返回结
发表于 03-29 17:51
鸿蒙OS开发实例:【工具类封装-http请求】
;@ohos.promptAction';**
**封装HTTP接口请求类,提供格式化的响应信息输出功能。
使用 DevEco Studio 3.1.1 Release 及以上版本,API 版本为 api 9 及以上
鸿蒙开发实战:网络请求库【axios】
[Axios] ,是一个基于 promise 的网络请求库,可以运行 node.js 和浏览器中。本库基于[Axios]原库v1.3.4版本进行适配,使其可以运行在 OpenHarmo
2024款鸿蒙OS 最新HarmonyOS Next_HarmonyOS4.0系列教程分享
了有关华为鸿蒙的课程,包括清华大学、武汉大学、哈尔滨工业大学等等。据香港《南华早报》报道,当地时间1月3日,加拿大市场研究与咨询机构TechInsights发布按照操作系统(OS)划分的全球智能手机销售
发表于 02-28 10:29
鸿蒙OS之UI架构解析
发送get请求,然后更新articles数组。
aboutToAppear() {
// 请求网络数据
axios.get(url).then(response => {
//
发表于 02-20 15:36
跨Android、iOS、鸿蒙多平台框架ArkUI-X
在Android、iOS、鸿蒙多个平台上提供生动而流畅的用户界面体验。 一、配套关系 表1 版本软件和平台配套关系 目标平台 项目编译使用OS SDK版本 备注 OpenHarmony 4.0 (API
1月18号“纯鸿蒙”千帆启航,程序员预备!
……
《鸿蒙开发进阶》http://qr61.cn/oWQPaX/qU3VHZO
1.Stage模型入门
2.网络管理
3.数据管理
4.电话服务
5.分布式应用开发
6.通知与窗口
发表于 01-16 22:13
鸿蒙Harmony是如何影响Android工程师的呢?
其实鸿蒙在2019就已经出来了,那时候还是套壳Android的。从2023年9月的发布会上,华为宣布鸿蒙原生应用全面启动、HarmonyOS NEXT亮相以后,围绕着纯血鸿蒙展开的
发表于 01-14 22:14
评论