uni-app 微信小程序端使用weapp-cookie的一点点问题

最新推荐文章于 2024-05-17 09:33:45 发布

今天2岁

最新推荐文章于 2024-05-17 09:33:45 发布

阅读量3.1k

点赞数 4

文章标签： vue.js

本文链接：https://blog.csdn.net/jiangyue2694/article/details/108886770

版权

本文介绍了在uni-app微信小程序中使用weapp-cookie插件遇到的问题及解决方法。作者发现引入插件后cookie未能正常设置，通过检查response.header中的'set-cookie'字段，确认其不存在并手动添加，最终成功使用了cookie功能。

摘要由CSDN通过智能技术生成

uni-app 微信小程序端使用weapp-cookie的一点点问题

前段时间用了weapp-cookie这个插件，说是可以在小程序中加上一行代码，然后就可以让小程序支持cookie 。按照文档引入进去之后发现，没有什么用，然后我就在怀疑这个是不是不能用。

在看了它自己的引用之后，发现这个是引入的是dist下面的weapp-cookie.js文件。现在知道引入的文件之后，后面就可以看源码了

后续发现是因为cookie没有设置进去

大家找到这一行代码

var responseCookies = response.header ? response.header['Set-Cookie'] || response.header['set-cookie'] : ''

看看这里面的set-cookie 和你自己response.header里面的set-cookie是否存在，如果没有的话，加上，应该就能用了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

今天2岁

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

关于uni-app微信小程序开发的填坑记录20201126

weixin_40952222的博客

11-26

705

小程序进行HTTP请求问题由于公司业务要求，进行微信小程序的开发，因为比较熟悉Vue.js，所以选用了UNI-APP的框架来开发，但是也遇到了许多问题，其中困扰比较久的就是HTTP请求的问题：刚开始的想法是直接调用uni的方法uni.request（），但是在Network会报错，code=4003，无权进行操作，查阅了很多资料才发现原来是sessionId的锅，由于微信的机制，每一次的请求都是一个新的会话，导致了sessionId每次都会更换，如果后端是有做sessionId的校验，那么就会

uni-app 介绍及使用

zhangxiaobai___的博客

11-28

2760

uni-app、小程序、vue

2 条评论您还未登录，请先登录后发表或查看评论

weapp-cookie：一行代码让微信小程序支持 cookie

03-29

一行代码让微信小程序支持 cookie，传送门： github (此图片来源于网络，如有侵权，请联系删除! ) Intro 微信原生的 wx.request 网络请求接口并不支持传统的 Cookie，但有时候我们现有的后端接口确于依赖 Cookie（比如服务器用户登录态），这个库可用一行代码为你的小程序实现 Cookie 机制，以保证基于 cookie 的服务会话不会失效，与 web 端共用会话机制 Install npm install weapp-cookie --save # 将 npm 包复制到 vendor 文件夹，避免小程序可能不能找到文件（tips：使用 wepy/mpvue 等

weapp-cookie:一行代码让微信、头条、百度、支付宝小程序支持 cookie，兼容 uni-app :cookie::rocket: One line of code allows weapp to support cookie（wx weixin wxapp cookie）

05-09

weapp-cookie 一行代码让微信、头条、百度、支付宝小程序支持 cookie，兼容 uni-app Intro 小程序原生的 request 网络请求接口并不支持传统的 Cookie，但有时候我们现有的后端接口确于依赖 Cookie（比如服务器用户登录态），这个库可用一行代码为你的小程序实现 Cookie 机制，以保证基于 cookie 的服务会话不会失效，与 web 端共用会话机制 Featrues 一行代码让小程序支持 cookie 可使用 api 获取、设置 cookie 支持 domain/path 作用域 Install npm install weapp-cookie --save # 将 npm 包复制到 vendor 文件夹，避免小程序可能不能找到文件（Tips：支持npm包的开发环境无需此步） cp -rf ./node_modules/ ./vendor/

Uni-app微信小程序跨域set-cookie

weixin_41950689的博客

11-07

2219

This Set-Cookie was blocked because it had the "SameSite=Lax" attribute but come from a cross-site response which was not the response to a top-level navigation

uni-app 获取，添加，删除cookies

eren_yeger的博客

04-25

1017

需要注意的是，以上方法只适用于小程序端，如果在 H5 端需要操作 cookie，则可以使用标准的 JavaScript cookie 相关方法。在uni-app中，我们可以使用 vue-cookies获取，添加，删除某个 key 对应的 cookie 值。下载完成以后在main.js全局引入一下。首先我们下载一下vue-cookies。

最新发布

gitblog_00081的博客

05-17

525

uniapp用web-view加载的页面里请求头无法设置cookies

qq_31392501的博客

08-09

2168

cookies、token、webview、uniapp、vue

uni-app_base:uni-app uniapp项目初始化模板，集成常用功能和配置，持续完善中..

05-13

使用库让小程序和 APP 端支持 cookie 使用库让 vuex 数据持久化使用库让 page.josn 支持模块化库为微信 JS-SDK 更加人性化的 vuex 使用方式全局统一的配置文件 config.js 支持 npm 命令自动生成组件和页面模板 ...

多端开发框架uni-app入坑指南，一套代码适用微信、支付宝、今日头条、百度等小程序

Horace

10-22

3492

前言 hello 小伙伴们，现在我已经正式入坑uni-app了。uni-app已经发布好几个月了，期间也是踩坑无数，但是官方秉承着不抛弃不放弃的精神，积极解决开发者的各种简单的、复杂的问题，在此表示感谢。我想还有小伙伴正在持观望状态，还没想好要不要使用uni-app，而且近些日子以来，许多跨端框架也纷纷出现在了大家的视线当中，让迷茫的我们更加不知道如何对比选择了。uni-app入坑...

一行代码让微信小程序支持 cookieweapp-cookie-master.zip

09-25

一行代码让微信小程序支持 cookieweapp-cookie-master.zip

uniapp的webview 嵌入商城登录异常cookie丢失

weixin_44753443的博客

02-24

3250

uniapp的webview 嵌入商城登录异常cookie丢失背景原因解决方案背景公司让用uniapp开发一个app 其中用webview嵌入了一个商城，这个商城代码比较老是前后端不分离的，使用的是cookie进行的用户数据流转。实际过程中不管用户是否登录，只要进入到需要验证用户信息的页面就不停的跳登录框，不管用户是否已经登录过了。这个商城在H5浏览器上面运行是正常的。原因我觉得是uniapp 实现webview和原生还是有点区别的原生是直接用了一个浏览器 uniapp 是用了浏览器然后里面嵌套了

华为手机无法获取cookie (uniapp) SameSite

u013676011的博客

03-23

1947

背景去年开发的一款应用,在pc和移动端除了华为的手机都能正常的获取cookie, 只有华为手机无法获取cookie. 由于已经到项目尾期,在更换成token很麻烦, 所以选择寻找问题所在. 如何解决在chrome 80版本中, 默认策略把 SameSite 的值设置为了Lax, 这导致跨域直接失效. 所以需要在后端Cookie 的SameSite的值改为None. 但是当 SameSite =None时, 必须同时启用Secure的属性. 启用Secure,则必须开启HTTPS, 所以解决方法就很简答了

发布H5时，提示文件查找失败

LzzMandy的博客

05-28

9216

文件查找失败：'uni-view/components/camera' at ..\..\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\vue-cli-plugin-uni-optimize\.tmp\components.js:37 产生原因：调用了不支持该组件的平台解决： 1、看一下pages.json页面是否引用错误 2、看一下报错的组件条件编译是否错误 ...

小程序开发中cookie的使用场景以及方案

lllomh的博客

04-12

5596

总结而言，小程序中的 cookie 可以在一些简单的场景下用于存储和传递数据，但应当注意数据的安全性、容量限制、同源策略和用户隐私权。敏感信息，例如用户的密码、支付信息等，不应当存储在 cookie 中，而应当使用更加安全的方式，例如使用 HTTPS 协议进行数据传输，使用服务器端存储和验证用户信息。在小程序开发中，使用 cookie 是一种常见的方式来在客户端和服务器之间传递和存储数据。小程序中的 cookie 可能受到用户的隐私设置限制，例如用户禁用了 cookie 或限制了 cookie 的使用。

uniapp和小程序关联操作，看我这一篇就行了！！！

weixin_44529799的博客

01-24

2564

详见 (opens new window)注意：此处并不能确定子组件被全部挂载，如果需要子组件完全挂载之后在执行操作可以使用$nextTickVue官方文档(opens new window)调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。1.onLunch 只会在进入程序的时候执行一次，一般搭配搭建或等获取微信公众号的code ，想要app.vue调取methods 的方法记得用 getApp.方法名( )支持PNG及JPG。在这一步，实例仍然完全可用。

微信小程序设置cookie

qq_36289733的博客

06-25

3125

微信小程序设置cookie 微信对wx.request这个API做了修改，小程序发起的请求并不是直接请求我们的后台服务器，而是先通过微信的服务器再发送到我们的后台服务器，既然请求都是要通过微信的服务器发送到我们的服务器，那么我们的服务器也就无从识别请求的发起者了。因此，cookie在微信小程序的后台开发中是无法使用的因为小程序不支持cookie,所以不能直接使用后台语言的session,那么解决...

微信小程序踩坑-Cookie登陆失败