【微信小程序】网络数据请求

最新推荐文章于 2024-08-04 22:21:21 发布

小余努力搬砖

最新推荐文章于 2024-08-04 22:21:21 发布

阅读量2.2k

点赞数 7

分类专栏： # 微信小程序开发文章标签：微信小程序小程序 uni-app 前端 javascript

本文链接：https://blog.csdn.net/yzq0820/article/details/127478424

版权

微信小程序开发专栏收录该内容

12 篇文章 31 订阅

订阅专栏

本文详细介绍了微信小程序中网络数据请求的限制，包括只能使用HTTPS和需配置合法域名。并展示了如何配置request合法域名，发起GET和POST请求的示例代码。此外，还讲解了在页面加载时请求数据的方法以及在开发环境中如何跳过合法域名校验。最后，澄清了小程序中不存在跨域问题，并解释了与Ajax的区别。

摘要由CSDN通过智能技术生成

一、小程序中网络数据请求的限制

出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下
两个限制:

1.只能请求HTTPS类型的接口

2.必须将接口的域名添加到信任列表中

二、配置request合法域名

需求描述:假设在自己的微信小程序中,希望请求https:/ /www.yzq2ty.cn/域名下的接口
配置步骤:登录微信小程序管理后台->开发->开发设置->服务器域名->修改request合法域名
注意事项:

1.域名只支持https协议
2.域名不能使用IP地址或localhost
3.域名必须经过ICP备案
4.服务器域名一个月内最多可申请5次修改

三、发起GET请求

uni.request({
			url:baseURL+options.url,
			method:options.method || 'GET',
			data:options.data ||{},
			header:options.header||{},
			dataType:options.dataType||'json',
			success: (res) => {
				resolve(res.data)
			},
			fail:(err)=>{
				reject(err)
			}
		})

四、发起POST请求

我的项目在登录时，需要发起POST请求

import request from '../utils/request.js'
export function getLogin(username,password){
	return request({
		url:'/login',
		method:'POST',
		data:{
			username,password
		}
	})
}

五、在页面刚加载时请求数据

在很多情况下，我们需要在页面刚加载的时候，自动请求- -些初始化的数据。此时需要在页面的onLoad事件中调用获取数据的函数,示例代码如下:

	onLoad() {
			uni.getSystemInfo({//获取系统信息
				success: (res) => {
				
					// #ifdef H5
					this.scrollH = res.windowHeight - uni.upx2px(88)
					//#endif
					// #ifndef H5
					this.scrollH = res.windowHeight - uni.upx2px(225)
					//#endif

				}
			}),
			this.gethome()
			
		this.qqmapsdk = new QQMapWX({
						key: '3SUBZ-W5BCQ-FLM5G-GYOPG-D523V-DUFNH'
					});
			
			
		},