勤奋鸟旗下 软件定制开发 安全交付平台!一次合作,终身售后!全程项目经理一对一跟进测试!公司以自研团队结合搭档圈,为用户提供安全快速稳定的软件源码开发服务!

网络请求封装

2024-09-04 16:59:16
复制链接

6559

网络请求 请求封装
				uni.request({
					method: "POST",
					url: "http://huiyi.qinfenniao.com/api/Login/updateInfo",
					data,
					header:{token:uni.getStorageSync('token')},
					success(res) {
						console.log(res)
					}
				});

上边的代码是一个最简单的请求  没有经过任何的封装  直接写在了页面中   需要手动的去配置请求方式、请求路径、请求参数、请求头、成功的回调函数;  这样直接的在代码中去写并不易于管理  还会写很多重复的代码    


 在有大量的请求调用时比较好的处理方式是封装到一个js文件中;

     


在uni文件中新建一个js文件







在该js文件中写入网络请求的代码     这里的网络请求代码中的数据都不应该写死    应该是根据传递的值来进行相应的网络请求       这个js文件将会作为一个公共的函数来传递出去

const location = "http://shuzizhaopin.qinfenniao.com"
export default {
	Request(token,data,api,res){
		uni.request({
			header:{token:Token},
			url:location + api,
			data:data,
			method:"POST",
			success:(data)=>{
				
				res(data);
			}
		})
	}

上边就是在js文件中写入的代码

第一行声明了一个公共的请求地址  在传递请求地址的时候只传递地址最后面不同的部分就可以了

第二行  export default  表示如果在别的vue文件中通过import 来引入该文件时将会返回 export default代码后的对象

从第三行开始就是公共网络请求的主体   网络请求的代码包含在Request这个函数中   在使用的时候应该是调用Request这个函数  然后通过不同的传参来进行不同的请求调用




引入js代码   



  在uni文件的main.js这个文件中   通过import 来引入公共网络请求的js文件   然后将引入的文件 通过Vue.prototype.$api = api    添加到vue的原型当中   这样在每一个界面中都可以访问到这个公共方法





在页面中使用

				this.$api.Request(uni.getStorageSync("token"),{post_id:this.wordId,qiye_id:this.qiyeId},"/api/user/invite",res=>{
					console.log(res)
				})

调用公共方法后第一个传递的值应该是token    是添加在请求头上  如果不需要传token  直接写一个空字符串即可

第二个传递的值是data里面的值  请求所携带的参数

第三个是请求的路径部分   在文件中定义了公共路径   只需要传最后不同的部分

最后一个值是回调函数  执行完 Request()函数中的请求后将会回调该函数 并将请求返回值作为参数传递进来;

公共请求中唯一写死的地方是请求的方法是POST请求  也可以多加一个值来设置请求方法    或者再写一份专门用来GET请求的公共函数



17330196230 13230981129

多线程同步开发
项目经理1v1跟进
源码定制交付
一次合作/终身售后

微信扫码登录/注册

提示

您的诉求已经提交请等待工作人员联系,快速通过请联系管理员!

微信扫一扫快速联系

用户协议

欢迎访问我们的网站!我们非常重视用户的隐私权和信息安全,因此制定了以下用户协议,以明确我们与您之间的关系以及您在使用本网站时应遵守的条款。请您仔细阅读并同意本协议的所有条款,以便您能够合法、安全地使用本网站。如果您不同意本协议的任何内容,请立即停止使用本网站。

  1. 服务说明:本网站是一个提供定制软件开发服务和在线找技术搭档的互联网平台。我们保留随时更改、更新或暂停本网站的权利。我们会尽力确保网站的正常运行,但对于因技术问题、系统维护或其他原因导致的网站暂时不可用,我们不承担任何责任。

  2. 用户注册:用户需要通过提供手机号、微信扫码和其他必要信息来注册一个账户。您有责任保护您的用户名和密码,不得将其透露给任何第三方。对于因您的用户名和密码被泄露而导致的任何损失或损害,我们将不承担责任。

  3. 用户行为规范:用户应遵守中华人民共和国相关法律法规,不得发布或传播违法信息、侵犯他人权益的内容。用户应对其发布的内容负责,并承担因发布不当内容而引起的任何法律责任。

  4. 版权声明:本网站所包含的所有文字、图片、音频、视频等素材的著作权均归本网站所有(会员用户上传的默认承诺为不侵权的合法自有技术成果,本网站审核信息后可展示,所有权不归本网站)。未经本网站书面许可,任何单位或个人不得以任何形式复制、转载、修改或传播本网站的任何内容。对于侵犯本网站知识产权的行为,将依法追究其法律责任。

  5. 免责声明:本网站不对因使用本网站而引起的任何直接、间接、偶然、特殊或后果性的损害承担责任。包括但不限于利润损失、数据丢失、业务中断等。

  6. 适用法律和争议解决:本协议的签订、履行、解释及争议解决均适用中华人民共和国法律。如发生争议,双方应首先协商解决;协商不成的,任何一方均有权向有管辖权的人民法院提起诉讼。

  7. 本协议的解释权归本网站所有。如有未尽事宜,本网站保留最终解释权。

  8. 本协议自用户点击“同意”或“接受”按钮时生效。

同意

隐私政策

欢迎访问我们的网站!我们致力于为您提供一个安全、可靠的在线环境。本隐私政策旨在说明我们在您使用我们的网站时如何收集、使用和保护您的个人信息。请仔细阅读以下内容,以了解我们的隐私政策。

  1. 信息收集

在使用我们的网站时,我们可能会收集以下类型的信息:

a) 个人识别信息:如姓名、电子邮件地址、电话号码等。 b) 非个人识别信息:如浏览器类型、操作系统、设备类型、IP地址等。 c) 用户行为信息:如访问页面、点击链接、搜索查询等。

  1. 信息使用

我们收集的信息将用于以下目的:

a) 提供、改进和个性化我们的服务。 b) 与您联系,回应您的询问和请求。 c) 发送您请求的或我们认为对您有帮助的信息。 d) 进行市场调研和分析,以改进我们的产品和服务。 e) 防止欺诈和其他非法活动。

  1. 信息共享

我们不会出售、出租或以其他方式与第三方共享您的个人信息,除非:

a) 获得您的明确同意。 b) 与可信赖的合作伙伴共享,以提供您请求的服务。 c) 根据法律要求或政府机关的要求。 d) 为保护我们的权利、财产或安全。

  1. 信息安全

我们采取合理的安全措施,以保护您的个人信息不受未经授权的访问、披露、更改或破坏。然而,请注意,没有任何一种电子存储方法是100%安全的。

  1. Cookie和跟踪技术

我们的网站使用Cookie和类似的跟踪技术来收集有关您使用我们网站的信息。这些信息有助于我们分析和改进我们的网站,以及提供个性化的内容和广告。您可以通过浏览器设置拒绝接受Cookie,但这可能会影响您使用我们网站的能力。

  1. 第三方链接

我们的网站可能包含指向其他网站的链接。请注意,我们对其他网站的隐私政策和实践不承担任何责任。我们建议您在访问这些网站时查看其隐私政策。

  1. 隐私政策的变更

我们可能会不时更新本隐私政策。请定期查看此页面,以确保您了解我们对个人信息的最新政策。

  1. 联系我们

如果您对我们的隐私政策有任何疑问或建议,请通过以下联系方式与我们联系:

电子邮件:[wangye-101@163.com]

电话:+86-173-3019-6230

地址:中国石家庄市长安区吾悦广场2010室

感谢您的信任和支持!我们将竭诚为您提供更优质的服务。

同意