您现在的位置是:首页 >技术杂谈 >wx.request net::ERR_TOO_MANY_REDIRECTS网站首页技术杂谈

wx.request net::ERR_TOO_MANY_REDIRECTS

Morris_ 2024-07-13 18:01:02
简介wx.request net::ERR_TOO_MANY_REDIRECTS

问题

使用微信小程序开发者工具开发小程序项目时,wx.request 返回总是报 net::ERR_TOO_MANY_REDIRECTS

wx.request发起一个get请求,一直重定向直到请求失败,怎么处理?

同样的请求,使用POST MAN 和 在 iOS ,前端我都试了试,其他端都有正常返回值,就微信小程序 wx.request 不能正常返回。

对比看了看POST MAN 和 微信小程序里的请求,发现是微信小程序里的请求头Cookies少了东西。我在 wx.request 的请求头里添加上对应的Cookie之后再请求,接口就可以了正常返回了。

解决

方法一:请求头里添加Cookies

在 request 的 header 里面添加设置 Cookie 值

wx.request({
    url: 'https://xxx.com/api?xxx',
    header: {
        "Cookie": "key1=value1; key2=value2"
    },
    method: 'GET',
    success:(res) => {
    	// Code...
    },
    fail(err) {
      console.log(err)
    }
})

这样做比较麻烦

方法二:使用weapp-cookie

weapp-cookie

wx.request 发起的请求,先是到微信服务器,然后从微信服务器再到我们自己的服务器,是这么个过程,并非直接到我们自己的服务。小程序原生的 request 网络请求接口并不支持 Cookie,但有时候我们现有的后端接口确于依赖 Cookie。

按照github上的指导导入了weapp-cookie这个包,并完成了构建

npm install weapp-cookie --save

# 将 npm 包复制到 vendor 文件夹,避免小程序可能不能找到文件(Tips:支持npm包的开发环境无需此步)
cp -rf ./node_modules/ ./vendor/

在这里插入图片描述
我不明白为什么要把 node_modules 里的文件拷贝到 vendor 文件夹里去,“避免小程序可能不能找到文件”,我不能明白为什么会找不到,放 vendor 就能找到?

然后将 weapp-cookie 引入到项目

import './vendor/weapp-cookie/dist/weapp-cookie'

在App.js 中引入,报错:

app.js错误:
 Error: module 'vendor/weapp-cookie/dist/weapp-cookie.js' is not defined, require args is './vendor/weapp-cookie/dist/weapp-cookie'

找不到 weapp-cookie.js 这个文件

后来将引入的方法改为如下方式就可以了:

import cookies from "weapp-cookie"

同时设置一次Cookies,其他请求里面就不用每个都添加了

import cookies from "weapp-cookie"
cookies.set('xxx', "xxx", { domain: 'xx.xx.com' })

App({
  onLaunch() {
  
  },
  globalData: {
    userInfo: null
  }
})

当然封装一个请求,从统一的入口处添加一次也行。

这样设置将 cookie 写死了,如果有改变的话就玩完。一般的我们登录之后让后台将需要添加的 cookie 从 res 里返回,我们设置一次。但是我不清楚为什么我们的后台连登录接口都需要有 cookie ,否则就请求不通。

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。