在学微信小程序的request请求的时候,一开始报“不在以下合法域名列表中,请参考文”的错误,后来又莫名其妙的报“400 Bad Request”错误,经过半天的研究,终于搞定了,把遇到的错误给大家分享一下: 首先,你需要登录微信小程序平台,在“设置”->“开发者设置”->“request合法域名”里配置相应的域名,只配置域名就可以了,不用配置到具体的路径,如:"https://www.baidu.com",而不需要配置到"https://www.baidu.co

微信小程序request(ajax)接口请求封装 最近在进行小程序的编写,需要调用后端接口,经常要用到wx.request方法,所以就自己封装了一下,简化一下代码,如果能给大家提供帮助更好,在封装的时候我在网上看了很多篇博客,90%以上的全都是直接在success回调函数中直接打印返回值console.log(res.data)这个当然是没有问题的,但是我们都知道微信小程序的数据是实现数据绑定的,这一点和Vue框架很像,而在Vue框架的JS文件中我们可以通过 function loginSucc

问题:用微信开发者工具,建一个小程序,报错(见图1): 建小程序 - 报Error: EPERM : operation not permitted, scandir 解决: 1.打开终端 2.cd 需要改变权限的目录的上一级目录 3.sudo chmod -R 777 需要改变的目录名 比如: %后面就是输入的命令. - %  cd /Users/myname(这里要换成实际的)/Desktop/ -   Desktop  %   sudo chmod -R 777 wx 会提示输入密码,输入

在utils文件夹新建文件utils.js,封装代码如下: 小程序升级后内部不自带Promise方法,需外部引入Promise方法   var sendRequest = function (url, method, data = {}, header = {} )     {     var promise = new Promise(function (resolve, reject){         wx.request({           url: url,           d

今天在搞微信小程序的时候顺手用了async,await死活不起作用,后来查了一下子,竟然不支持,那没办法就换了一种实现wx.request同步请求的方案 祭出promise来搞一搞,下面直接贴代码,简单易懂 const getData = (url, param) => { return new Promise((resolve, reject) => { wx.request({ url: url, method: 'GET', data: param, success (res) { re

1.GET 例子: wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success: function(res) { console.log(res.data) } }) 首先这个是GET请求,虽然data传了值,跟ajax的POST请求很像,但它就是GET请求. 2.POST wx.requ

自己尝试着用nodejs搭个后台服务的时候,用了端口号,然后在小程序中使用的时候,报错说配置的域名不在request合法域名中 明明已经配置好了的啊,看着报错信息.仔细对比了一下两个url请求地址,发现是由于链接中添加了端口号造成的报错,去掉端口号后不报“合法域名”的错误了,但是也请求不到我要的数据了.想到后台服务中是有端口号的,必须用url+端口号进行请求才可以获取到数据,遂直接更改项目中的端口号为443,但是问题依然没有解决. 最后突然想到用nginx反向代理试试,把后台服务端口号改回之前的

微信小程序开发文档链接 1 后台代码: clickButton:function(){ var that = this; wx.request({ url: 'http://localhost:9096/admin.php/index/jj', method : 'POST', header: { 'content-type': 'application/x-www-form-urlencoded' }, data : {}, success: function (res) { //consol

Request 官方文档 wx.request相当于发送ajax请求 参数 属性 类型 默认值 必填 说明 url string   是 开发者服务器接口地址 data string/object/ArrayBuffer   否 请求的参数 header Object   否 设置请求的 header,header 中不能设置 Referer.content-type 默认为 application/json method string GET 否 HTTP 请求方法 dataType stri

最近微信小程序开始开放测试了,小程序提供了很多api,极大的方便了开发者,其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api. 官方参数说明如下 OBJECT参数说明: 参数名 类型 必填 说明 url String 是 开发者服务器接口地址 data Object.String 否 请求的参数 header Object 否 设置请求的 header , header 中不能设置 Referer method String 否

目录 1,前言 2,实现思路 3,实现过程 3.1,request的封装 3.2,api的封装 4,实际使用 1,前言 在开发微信小程序的过程中,避免不了和服务端请求数据,微信小程序给我们提供了wx.request这个API,调用方法如下 wx.request({ url: 'www.baidu.com', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 },

1/ 公共文件util添加 request请求 //简单封装请求 function request(params, path, isShowLoading = true, goBack = false, type = 'none', obj={}) { try { console.log(path) let NowTime = Date.parse(; let defaultParams = { platform: app.globalData.platform, appVersion: app

首先确认你的域名和ssl证书是否配置完成. 如果后台没有进行域名配置,先去配置一个有效的备案的自持https的域名. 1.建议备案超过24小时 2.ssl证书可以直接采用阿里云的免费证书   进行ssl证书验证 1.用PC浏览器访问你的域名,观察是否会报证书错误,正常情况下应该不报证书错误,并且在域名前面有一把小锁的标志   2.用手机浏览器 IOS和Android分别访问你上面的地址会报证书错误   这里进行校验的原因是,有的ssl证书会不支持IOS或者Android.所以上面建议直接使用阿里

我们知道,一个项目开发时,有许多环境,如:开发环境,测试环境,预生产环境,生成环境,若项目上线时要每个接口的域名改一遍,这是效率很低的做法.另外,许多接口都有前缀,例如 /api/  /wxapi/  /adorApi/等,所以封装请求以提高效率是很有必要的. 我封装的一个request如下,部分代码参考网络,我通常会将此文件放在public文件夹中: var DOMAIN ="https://dev.abc.com" var requestHandler = { params: {}

var app = getApp(); function request(url,postData,doSuccess,doFail,doComplete){ var host = getApp().conf.host; wx.request({ url: host+url, data:postData, method: 'POST', success: function(res){ if(typeof doSuccess == "function"){ doSuccess(res);

wx.request({ url: 'https://xxx.com/xxxx.php', data: { 'jscode': code }, method: 'POST', header: { "Content-Type": "application/x-www-form-urlencoded" }, success: function (data) { }, )} 只需要在wx.request 中添加以下部分代码就可以实现. method: 'POST', he

android机子可以真机预览,ios机子报这个错误 检测域名 苹果ATS检测 https://cloud.tencent.com/product/ssl#userDefined10 以上都通过 https://developers.weixin.qq.com/community/develop/doc/0006208d204db068e686bc4ee56800

下面将封装http请求服务部分的服务以及引用部分 // 本服务用于封装请求 // 返回的是一个promisepromise var sendRrquest = function (url, method, data, header) { var promise = new Promise(function (resolve, reject) { wx.request({ url: url, data: data, method: method, header: header, success:

通过登录接口获取登录凭证,然后通过request请求后台获取openid,需要把后台域名放到小程序后台的request 合法域名内: 1.wx.login  获取登录凭证 2.wx.request 发起的是 HTTPS 请求 3.后台处理请求并返回openid 下面是实现代码: 小程序代码: wx.login({     success: function (res) {         if (res.code) {             console.log("我是登录凭证:"

目录 1,前言 2,流程 3,参数说明 4,具体代码 1,前言 分享一个完整的微信小程序支付流程中,前端要做的模块. 2,流程 在调用wx.requestPayment之前,需要准备一些参数,流程如下 1,调用 wx.login() 获取 临时登录凭证code ,并调用wx.request回传到服务端. 2,服务端调用 auth.code2Session 接口,换取用户唯一标识 OpenID 和 会话密钥 session_key. 3,前端拿到服务端返还的参数后,调用wx.requestPaym

目录 1,前言 2,说明 3,核心代码 1,前言 分享一个完整的微信小程序自定义Tabber,tabber按钮可以设置为跳转页面,也可以设置为功能按钮.懒得看文字的可以直接去底部,博主分享了小程序代码片段和GitHub地址. 2,说明 由于微信小程序自带的Tabber功能比较单一,比如要做到中间是一个突出的圆形扫一扫按钮,就需要自定义Tabber了. 博主创建了一个Tabber组件,自己写的样式,在需要用到的页面引入组件. 组件使用了position: fixed定位到底部,所以在用到组件的页面