使用vue-wxlogin组件做的微信登录，今天突然出现扫码后不跳转，控制台报错。

最新推荐文章于 2024-07-19 11:07:13 发布
最新推荐文章于 2024-07-19 11:07:13 发布
阅读量1.2k 收藏 3
点赞数 8
分类专栏： java踩坑系列 文章标签： vue.js 微信 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cyb_123/article/details/138213375
版权

问题描述

使用vue-wxlogin组件做的微信登录，昨天还好好地，今天早上发现，扫码后不跳转，控制台报错Uncaught DOMException: Failed to read the ‘cookie’ property from ‘Document’: The document is sandboxed and lacks the ‘allow-same-origin’ flag.

问题解决方法

打开node_modules包中找到vue-wxlogin，进入到vue-wxlogin.vue组件中，在iframe标签的sandbox属性中加上allow-same-origin再重新打包发布即可解决问题。添加位置如下图所示
在这里插入图片描述

Vue2 - 详解实现网站接入微信扫码登录功能，微信授权生成登录二维码用户用手机扫描二维码登陆，微信扫描二维码登录详细流程及示例代码，支持弹框式、浏览器单独新开页显示，最新vue集成微信扫码授权登录！
王佳斌
06-25 3774
vue2，nuxt2，PC网站，网页，微信扫码登录，微信登陆，vue2微信扫码登录，获取个人信息，扫码登录后如何获取用户手机号，微信扫码授权登录，vue2详细实现微信扫一扫登陆，pc网页微信登录，vue集成微信扫码登录，详细流程和示例源码，第三方扫码登录，vue微信扫码登录怎么新开一页，跳页显示二维码，内嵌登录二维码，iframe，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，微信扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描微信二维码登录网站，最好用的插件，vue-wxlogi
Vue3 - 详解实现网站接入微信扫码登录功能，微信授权生成登录二维码用户用手机扫描二维码登陆，微信扫描二维码登录详细流程及示例代码，支持弹框式、浏览器单独新开页显示，最新vue集成微信扫码授权登录！
王佳斌
06-25 3174
vue3，nuxt3，PC网站，网页，微信扫码登录，微信登陆，vue3微信扫码登录，获取个人信息，扫码登录后如何获取用户手机号，微信扫码授权登录，vue3详细实现微信扫一扫登陆，pc网页微信登录，vue3集成微信扫码登录，详细流程和示例源码，第三方扫码登录，vue3微信扫码登录怎么新开一页，跳页显示二维码，内嵌登录二维码，iframe，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，微信扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描微信二维码登录网站，最好用的插件，vue-wxlo
vue-wxlogin微信扫码登录插件【使用笔记】，一线互联网架构师设计思想解读开源框架
m0_60635609的博客
04-03 1372
推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。
vue-wxlogin插件坑，state，theme等参数失效，state返回为空
corw_by的博客
12-01 1012
vue-wxlogin参数不生效
微信扫码页面不跳转登录网站（客户端）
wadedt的博客
04-09 6349
首先需要在微信开放平台注册账号并进行企业认证300块钱。然后创建应用。应用通过审核之后就会拥有一个Appid和AppSecret.然后配置回调域名。剩下的就是开发了。 我们可以看到官方文档不管是页面跳转扫码还是iframe内嵌到当前页面扫码确认授权后都会跳转到授权的回调域名下的页面，同时url中会携带网站state和code。通过code和appid、appsecret获取access_token。这也是大部分pc网页端微信扫码登录的实现流程。 我们需要在electron构建的桌面应用中实现微信扫码功能，所
vue-wxlogin微信扫码登录插件【使用笔记】
estrusKing的博客
11-03 8602
文章目录1.安装2.直接界面引入3.使用4.使用例子 官方文档：https://www.npmjs.com/package/vue-wxlogin 一个简单的微信登陆组件，方便组件化模块化工程化引入 组件中没有访问dom，并且没有使用hook，所以支持ssr 使用参数与微信官方文档一致 url：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 1.安装 npm ins
网站微信扫码登录回调不跳转问题
热门推荐
Mangojjx的博客
06-14 1万+
最近项目需要开发新功能，微信扫码登录，先上代码： 步骤1：在页面中先引入如下JS文件（支持https）： http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js 步骤2：在需要使用微信登录的地方实例以下JS对象：（我是在点击事件触发） var obj = new WxLogin({ self_redirect:true,//是...
Vue3 - 详解实现网站接入钉钉扫码登录功能，钉钉授权生成登录二维码用户用手机扫描二维码登陆，支持弹框式、浏览器单独新开页显示，钉钉扫描二维码登录详细流程及示例代码，最新vue集成钉钉扫码授权登录！
王佳斌
07-19 2790
vue3，nuxt3，钉钉，扫码登录，vue3钉钉扫码登陆，钉钉授权第三方WEB网站扫码登录功能，钉钉扫码登录第三方网站，单点登录，二维码不显示，报错，扫了没反应，出错，vue3钉钉扫码登录，内嵌，获取个人信息，pc网页钉钉登录，钉钉扫码登录怎么新开一页，跳页显示二维码，内嵌登录二维码，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描钉钉二维码登录网站，页面弹出一个小窗口而不是打开一个页面，vue3中使用iframe实现另开小窗口扫码登
Vue2 - 详解实现网站接入钉钉扫码登录功能，钉钉授权生成登录二维码用户用手机扫描二维码登陆，支持弹框式、浏览器单独新开页显示，钉钉扫描二维码登录详细流程及示例代码，最新vue集成钉钉扫码授权登录！
王佳斌
07-19 2553
vue，nuxt，钉钉，扫码登录，跳页显示二维码，内嵌登录二维码，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描钉钉二维码登录网站，页面弹出一个小窗口而不是打开一个页面，vue中使用iframe实现另开小窗口扫码登录，vue钉钉扫码登陆，钉钉授权第三方WEB网站扫码登录功能，钉钉扫码登录第三方网站，单点登录，二维码不显示，报错，扫了没反应，出错，vue2钉钉扫码登录，内嵌，获取个人信息，pc网页钉钉登录，钉钉扫码登录怎么新开一页，控制
基于vue2的uniapp 微信一键登录，获取手机号
wyz646的博客
05-06 2501
基于vue2的uniapp商城项目中的微信一键登录功能（后台是node.js写的）目前文档中该接口针对非个人开发者，所以只能用文档中提供的测试号实现一下功能。
vue-wxlogin:vue微信登陆compoment，按照wxLogin.js写的简单components，参数与wx的一致
05-13
vue-wxlogin a Vue component about WeChat login；一个简单的微信登陆组件，方便组件化模块化工程化引入 no access to dom on the component, and no hook, so support srr; 组件中没有访问dom，并且没有使用hook，所以支持ssr 使用参数与微信官方文档一致 url： Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build Install npm install vue-wxlogin --save-dev import wxlogin
vue 微信扫码登录(自定义样式)
11-28
使用插件 https://www.npmjs.com/package/vue-wxlogin // 安装 npm install vue-wxlogin --save-dev // 组件中引入 import wxlogin from 'vue-wxlogin' ... components: { wxlogin } ... html中使用 <wxlogin :appid="$store.getters.wechat_app_id" :scope="'snsapi_login'" :theme="'black'" :redirect_uri="encodeURICom
vue 登录界面无法跳转问题
sunlizhen的专栏
10-27 8534
1.在试着用vue写一个登录页面，已经调试好了，登录成功后，跳转到主页面。但是加了拦截器后，不会跳到主页面 { path: '/', name: 'Home', meta:{isLogin:true},// 添加该字段，表示进入这个路由是需要登录的 component: Index }, // 路由守卫 router.beforeEach((to,from,next)=>{ if(to.matched.some(res=>res.meta.isLogin)){//判.
微信扫码登录WebSphere发布报错处理
山炮之家
09-17 298
因开发时使用的是Tomcat+SunJDK1.6，程序没问题。 在客户使用时，发布为WebSphere（默认为IBMJDK）,客户方使用了十台机器，前端为负载。 最开始以为是负载问题，后来将十台机器停止九台，抓取日志后发现错误为： java.security.NoSuchProviderException: no such provider: SunJSSE 在百度、谷歌上查找资料均未解决...
vue3使用wxlogin做登陆二维码
weixin_72271537的博客
04-12 2420
wxlogin，报错 openBlock‘ is not exported by node_modules/vue-wxlogin解决 ；登陆二维码样式修改
vue-wxlogin vue扫码登录
明耀的博客
02-23 519
是样式base64位。
【Vue 调用微信扫码 IOS报错 解决办法】
qq_39749620的博客
11-28 2409
Vue 调用微信扫码 IOS报错 解决办法
Vue 微信小程序扫码后获取json转对象报错 SyntaxError: Unexpected token in JSON at position 0
༺墨༒眉༻
03-22 870
看打印信息啥的都没啥问题，但是只要使用JSON.parse()转对象就会报。网上查了很久，都没未找到问题，最后大神给到一个答案并成功解决。断点调试：内容是调用小程序扫码接口扫码后拿到的数据。
vue3实现微信扫码登入
weixin_73251435的博客
06-22 1018
wxlogin appid="微信id" :scope="'snsapi_login'" :theme="'black'"3.引入完成后通过app.config.globalProperties.wxlogin = wxlogin进行全局挂载。:redirect_uri="encodeURIComponent(`重定向接口获取token`)" href=''2.下载完成在main中引入import wxlogin from '或者yarn add。
vue3 wxlogin 重定向页面不执行
最新发布
11-22
Vue3 中使用微信登录 (wxlogin) 的时候，如果在用户授权成功后重定向页面不执行，可能是由于以下几个原因： 1. **授权回调处理**：确保你在 `onSuccess` 回调函数中正确设置了跳转路径，并且这个路径可以被解析为 ...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值