uniapp封装request请求

news2024/11/17 11:37:28

在基础文件里面创建一个api文件 在创建两个 js文件

 http.js 里面封装 request 请求


let baseUrl = 'https://white.51.toponet.cn';  //基地址
export const request = (options = {}) => {
	//异步封装接口,使用Promise处理异步请求
	return new Promise((resolve, reject) => {
		// 发送请求
		uni.request({
			url: baseUrl + options.url || '', 
			method: options.method || 'GET', 
			data: options.data || {}, 
			header:{
				"x-requested-with":"XMLHttpRequest",
				"content-type": "application/x-www-form-urlencoded",
				"Access-Control-Allow-Origin":"*",
				"token":uni.getStorageSync('token') //token
			}
		}).then(res => {
			let {data} = res;
			resolve(data);
		}).catch(error => {
			reject(error);
		})
	})
}

在 service.js 封装要调用的接口

import { request } from './http.js'; //导入封装好的js文件

//每一个请求的接口都返回一个函数,便于直接调用

//请求登录的接口
export const login = (data)=>{
	return request({
		url:'/api/user/login', 
		method:'post',
		data,
	})
}

//请求首页的接口
export const register = ()=>{
    return request({
        url:"/api/index/index", 
        method:'get'
    })
}

在页面 引入接口文件

	import {login} from '../../api/service.js'



	// 登录接口
			async getList() {
				const res = await login(this.form)
				console.log(res, 1);
				if (res.code != 1) {
					uni.showToast({
						title: res.msg,
						icon: 'error'
					})
				} else {
					uni.setStorageSync('token', res.data.token)//保存token
					setTimeout(() => {
						uni.navigateTo({
							url: '/subpkg/jumpPage/jumpPage'
						})
					}, 1000)
				}
			},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/831718.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

html学习7(iframe)

1、通过使用iframe标签定义框架,可在同一个浏览器中显示不止一个画面。 2、height和width属性用于定义框架的高度与宽度。 3、属性frameborder‘0’用于是否显示边框。 4、iframe可以显示一个目标链接的页面,链接的target属性设置为相应的iframe名称。…

【无网络】win10更新后无法联网,有线无线都无法连接,且打开网络与Internet闪退

win10更新后无法联网,有线无线都无法连接,且打开网络与Internet闪退 法1 重新配置网络法2 更新驱动法3 修改注册表编辑器法4 重装系统 自从昨晚点了更新与重启后,今天电脑就再也不听话了,变着花样地连不上网。 检查路由器&#xf…

win10笔记本显示器根据页面显示亮度自动调节亮度的问题

系统是win10企业版,针对这个问题查了很多种方法,比如: 1、控制面板->硬件和声音->电源选项->点击当前电源计划的更改计划设置->更改高级电源设置->显示->启用自适应亮度 但是我发现我的电源计划只有平衡这一种&#xff0c…

Linux系统jenkins+newman+postman持续集成环境搭建

1、首先安装nodejs 下载nodejs压缩包,下载地址:nodejs官网下载 建议不用下载最新的,我这里用的是推荐的v12.18版本 下载和解压命令 wget https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz解压安装包(记得没有z&…

基于Kubernetes环境的高扩展机器学习部署利器——KServe

随着ChatGPT的发布,人们越来越难以回避利用机器学习的相关技术。从消息应用程序上的文本预测到智能门铃上的面部识别,机器学习(ML)几乎可以在我们今天使用的每一项技术中找到。 如何将机器学习技术交付给消费者是企业在开发过程中…

使用cmd查看3568主板相关

主要是说清楚思路的 rk3568主板能运行的程序都在system/bin里面,这个是我们直接可以使用cmd用到的 所以,往后我们想通过cmd了解RK3568的某一项参数的时候,或者想使用RK3568某一个系统功能的时候。应该先去system/bin里面查找对应的系统程序。…

Jenkins配置测试报告后无法正常显示或显示空白 的解决方法(问题集锦)

Jenkins配置测试报告后无法正常显示或显示空白? 现象1:界面样式错乱原因分析临时策略永久策略 现象2:报告路径不存在原因分析解决策略 现象3:docker和操作系统版本不匹配原因分析解决策略 现象1:界面样式错乱 打开报告…

实验笔记之——apk生成

最近拾回Android开发(实验笔记之——Windows下的Android环境开发搭建_gwpscut的博客-CSDN博客),花了两天时间,写了个二维码识别的app 忘记如何生成apk了,写个笔记来记录一下 需要创建一下 对应的设置好 这里勾选上记住…

系统保留分区被误删怎么办?

当您在全新的磁盘上安装Windows时,将在磁盘的开头创建一个名系统保留的分区,大小约为100MB,然后是系统驱动器,然后是其他的驱动器。通常,系统保留分区在Windows 8中为350MB,在Windows 10中为500MB。系统保留…

网络安全(黑客)自学就业

前段时间,遇到网友提问,说为什么我信息安全专业的找不到工作? 造成这个结果主要是有两大方面的原因。 第一个原因,求职者本身的学习背景问题。那这些问题就包括学历、学校学到的知识是否扎实,是否具备较强的攻防实战…

webpack基础知识三:说说webpack中常见的Loader?解决了什么问题?

一、是什么 loader 用于对模块的"源代码"进行转换,在 import 或"加载"模块时预处理文件 webpack做的事情,仅仅是分析出各种模块的依赖关系,然后形成资源列表,最终打包生成到指定的文件中。如下图所示&#…

智能灯控无线蓝牙解决方案_SKB369串口BLE蓝牙模块

​蓝牙技术受益于其智能、低功耗、高连接速度等特性,在物联网市场呈现爆发式增长是物联网工程师有目共睹的。目前国际物联网最常用的无线通信技术标准主要有三种:WiFi、Zigbee和蓝牙,据不完全统计显示,在民用领域以WiFi和蓝牙为通…

C语言每日一题:13《数据结构》环形链表。

题目链接: 一.环形链表运动基础。 使用快慢指针利用相对移动的思想: 1.第一种情况: 1,令快指针(fast)速度为2. 2.慢指针(slow)速度为1. 3.以慢指针进入环中开始。 4。假设slow刚刚进入环中fast…

微信新技能解锁——微信图片可以转Excel表格!

大家好呀,你们是不是跟我一样,收到表格图片没法修改! 今天我教大家一个微信隐藏功能,图片可以一键转Excel表格,还能继续编辑,而且还特别简单简直太爱了~ 只需打开微信,点击聊天界面…

Openssh高危漏洞CVE-2023-38408修复方案

0x01 漏洞简述 2023年07月21日,360CERT监测发现OpenSSH发布了OpenSSH的风险通告,漏洞编号为CVE-2023-38408,漏洞等级:高危,漏洞评分:8.1。 OpenSSH 是 Secure Shell (SSH) 协议的开源实现,提供…

SpringBoot中mybatis分页插件的使用--【pagehelper组件】

SpringBoot系列文章目录 SpringBoot知识范围-学习步骤【JSB系列之000】 文章目录 SpringBoot系列文章目录本系列校训 SpringBoot技术很多很多环境及工具:上效果图目前流行的mybatis分页插件在Spring Boot里使用pagehelperJAVA查询列表时页面上的使用还要注意的是 …

零基础强化学习入门分享

(一)前言:强化学习入门顺序。 以前主要学习硬件PCB单片机等知识,后来接触的项目也大多与电气相关,从一窍不通到稍微找到点门道,中间走过不少弯路,误打误撞中,也留下了一些经验。 我的…

【音视频处理】转封装实战,文件转直播流,FFmpeg代码示例讲解

大家好,欢迎来到停止重构的频道。 从本期起,我们正式进入音视频处理的介绍。 本期我们讨论音视频文件转封装,如将MP4转AVI、MP4转RTMP等。 内容中所提及的代码都会放在GitHub,感兴趣的小伙伴可以到GitHub下载。 我们按这样的顺…

数据科学与大数据专业好就业么

好不好就业取决于你个人的学习能力和技术水平能否达到企业应聘的要求,最直观的方法就是可以搜下你想要工作城市的应聘要求,然后对应着技术点进行技能提升 猎聘大数据研究院发布了《2022未来人才就业趋势报告》 从排名来看,2022年1-4月各行业…

最强实战,Web自动化测试Python+Selenium3+PO+Yaml+DDT框架封装(详细)

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 设计思路 框架采…