微信小程序踩坑–设置cookie保持session

由于每次wx.request()都会先经过微信服务端再到服务器端,所以每一次request都会创建一个新的session。并且微信小程序是没有cookie机制的,要维持会话需要自己来保存cookie,并且请求的时候加上带有sessionid的cookie。

客户端向服务端发起请求时,session信息是存放在cookie中以请求头的方式带回给服务端的,而请求头中具体的信息就是sessionid。服务器端通常会在response的header中加上Set-Cookie,以便浏览器在header中加上sessionid等信息。由于微信小程序没有cookie机制,所以需要人为地保存Set-Cookie的值,直接加到请求头中。

wx.request({
url: app.globalData.url+'/user/login',           //login
data: { 
id: objData.userId,
password: objData.userPassword
},
header: { 'Content-Type': 'application/x-www-form-urlencoded' },
method: 'POST',
success: function (res) {
    if (res && res.header && res.header['Set-Cookie']) {
         wx.setStorageSync('cookieKey', res.header['Set-Cookie']);   //保存Cookie到Storage
    }
}
})
let cookie = wx.getStorageSync('cookieKey');//取出Cookie
let header = { 'Content-Type': 'application/x-www-form-urlencoded'};
if (cookie) {
     header.Cookie = cookie;
}
console.log(cookie)

然后在wx.request()中请求头直接设置成这个header就行了,需要提一嘴的是,加入Set-Cookie之前的cookie并不直接设置为空,而是

let header = { 'Content-Type': 'application/x-www-form-urlencoded'};

这样能避免在POST请求中拿不到数据的情况发生。

猜你喜欢

转载自blog.csdn.net/xie_cinnamon/article/details/83152291