微信小程序踩坑–设置cookie保持session
2019/02
02
12:02
由于每次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请求中拿不到数据的情况发生。