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

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

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 H5this.scrollH = res.windowHeight - uni.upx2px(88)//#endif// #ifndef H5this.scrollH = res.windowHeight - uni.upx2px(225)//#endif}}),this.gethome()this.qqmapsdk = new QQMapWX({key: '3SUBZ-W5BCQ-FLM5G-GYOPG-D523V-DUFNH'});},

六、跳过request合法域名校验

如果后端程序员仅仅提供了http协议的接口、暂时没有提供https协议的接口。

此时为了不耽误开发的进度,我们可以在微信开发者工具中，临时
开启「开发环境不校验请求域名、TLS版本及HTTPS证书」
跳过request合法域名的校验。

七、关于跨域和Ajax的说明

跨域问题只存在于基于浏览器的Web开发中。由于小程序的宿主环境不是浏览器,而是微信客户端，所以小程序中不存在跨域的问题。

Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“ 发起Ajax请求”，而是叫做“ 发起网络数据请求”。

【微信小程序】网络数据请求相关推荐

微信小程序---网络数据请求
目录学习笔记网络数据请求小程序中网络数据请求的限制配置request合法域名发起get请求发起post请求在页面加载时请求数据跳过request合法域名校验关于跨域和Ajax的说明 ...
微信小程序-网络数据请求
网络数据请求 1.小程序中网络数据请求的限制出于安全方面的考虑,小程序对数据接口的请求做出了如下两个限制: ①只能请求HTTPS类型的接口 ②必须将接口的域名添加到信任列表中配置合法域名: 配置步 ...
微信小程序网络数据请求
小程序发起网络请求使用的是微信的 api wx.request: 在监听页面加载函数中使用. wx.request({ url: -- 请求的链接地址 data: -- 传的参数 header: -- ...
微信小程序5——小程序网络数据请求
小程序网络数据请求 1.小程序中网络数据请求的限制 · 只能请求https · 必须将接口的域名添加到信任列表中,即添加到request合法域名 1.1 配置requests域名在微信公众平台上,在 ...
微信小程序wx.request请求服务器json数据并渲染到页面
微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可.现在给大家讲一下,微信小程序的wx ...
【微信小程序提取公共请求数据】
[微信小程序提取公共请求数据] 在utils下设置一个http.js const url = 'https://api.shop.eduwork.cn'; const request = (path= ...
微信小程序封装request请求数据
遇到问题不要慌做项目离不开请求数据 1.为什么要封装api去请求接口数据做微信小程序的时候请求数据的时候会多次用到wx.request请求,如果每次都去写一遍 wx.request({url: ' ...
微信小程序wx.request请求
微信小程序网络请求wx.request请求 wx.request是向指定域名发送http请求,并且需要在微信小程序管理后台中加入指定域名(微信小程序后台中只能添加https的域名,可能是微信官方觉得这 ...
基于天问51-Core自制开发WIFI模块连接MQTT巴法云平台-微信小程序显示温度数据
目录一.摘要二.项目准备材料三.硬件总体设计四.软件代码设计五.整体测试联调六.效果展示一.摘要本项目基于天问51-Core最小系统开发,自行设计PCB电路,主要包括DHT11.ES ...
微信5秒超时 php异步,微信小程序网络超时怎么办？
微信小程序网络超时的解决办法:1.在onLaunch运行任务如果超时,就把错误级别定为0,并转向错误页面:2.如果是页面请求超时,就把错误定为2,可以通过重试来修复. 微信小程序网络超时的解决办法: ...

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