解决微信小程序Session Id不匹配问题

序言：

       这个问题，网上有很多的解决方法，基本都是要先拿到 服务器端发过来的session id，然后存储到本地或者保存在一个设置的全局变量里，然后在请 求时，在请求头里手动加上session id值，以求和服务器的保持一致，让会话得以继续。

       但是，我没有这么干【因为我觉得在单独对session id进行操作的话很麻烦，并且试了几个也没有成功】。

问题出现原因

       微信小程序中，后台是需要session id回话来进行操作的，但是每次请求微信小程序的时候，即使用wx.request()是不会一直保持会话的，这个不同于jQuery中的AJAX请求。

       简单来说：session是保存在服务端的，cookie是保存在客户端的，服务端每次都会生成一个session Id用来区分用户，并会在相应的cookie中存上这个id，与此对应的，客户端在请求的时候，也应该在请求头中的cookie里带上这个session id，这样方便服务器区分。

       然而，ajax会在我们发请求时自动带上这个东西，但是微信的wx.request()不会，所以，我们每次请求时，服务器都会给分配一个新的session id，这就户造成session id不匹配，会话就不能保持。

我的解决方法

       这个问题出现了，一般就不要想着不去操纵session id就可以解决，我开始本着不操作session id的原则，去尝试了好多方法，然后发现不行。。。

       于是，转变思路，我们既然非得操纵session id，那能不能少点操纵步骤呢？答案是可以的。

方法大致有三步：

  2. 在服务器响应我们的请求之后，从响应报文Respone-header里找到Set-Cookie

    3. 微信小程序session_key问题_微信小程序

  3. 把这个Set-Cookie的值进行本地存储localstroage或者存储到一个全局变量里，以便后边调用。
    需要注意的是，在把Set-Cookie进行本地存储时，一定要先清除。
// 请求成功响应的回调
success: (result) => {
        //清除sessionId，否则res.header['Set-Cookie']会报错
        wx.removeStorageSync('sessionid');
        wx.setStorageSync("sessionid", result.header["Set-Cookie"]);
 }

设置成功之后，就会在本地存储中显示。

微信小程序session_key问题_微信小程序_02

当然这个sessionid是我进行存储时的key，没什么特殊意义。

  1. 最后一步，在进行页面的请求时，在请求头header里加上你存储的这个Set-Cookie的值。

到此就结束了，经过测试，方法可行，我的程序就完全走通了。

当然，方法不唯一，如果你使用我的方法走不通，也可以去尝试一下其他方法，但是错误的原因基本都是一样的。