pc端 微信扫码登录时 WxLogin is not defined问题

已于 2023-06-11 10:58:43 修改
阅读量1.2k 收藏 4
点赞数 1
文章标签： 微信 vue
于 2023-06-11 10:55:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kenom_/article/details/131150885
版权

PC网站实现微信扫码登录功能（一）_pc端微信扫码登录_极速小乌龟的博客-CSDN博客

PC网站实现微信扫码登录功能（二）_网页微信扫码登录_极速小乌龟的博客-CSDN博客

微信扫码功能我觉得这两篇文章已经讲的比较清除了，在这就不多做阐述了，主要说一下造成WxLogin is not defined的原因，我当时也是根据这篇文章做的这个功能，一切都没有问题，但是公司又加了一个新功能，需要https域名，在https域名下这个问题就出来了，我当时https和http全部引入也还是报错（http域名下没问题，https报错），后来进过尝试，发现在当前页面和public/index.html中同时引入，会去调用public/index.html中的js，问题解决，修改引入位置就行

<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

羊村我最sαo
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
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
微信分享 "Reference error wx is not defined"错误
Peak Xin's Blog
09-07 2万+
微信分享 “Reference error wx is not defined”错误很有可能是jweixin-1.0.0.js与你其它某js冲突。解决办法：<script type="text/javascript"> define = null; require = null; </script> <script src="http://res.wx.qq.com/open/js/
Vue微信Pc端扫码登录，Pc端微信扫码支付。
qq_39313082的博客
03-10 2785
Vue微信Pc端扫码登录，Pc端微信扫码支付。 一、Pc端扫码登录 第一种方法： 1.在src/public/index下cdn引入微信wxLogin.js； <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> 2、在需要的页面位置上写入 <div style="height: 200px;" id="wechat_code"></div&
使用vscode运行vue-loader时一直报错：ERROR in ./src/login.vue?vue&type=template&id=19e76240& Module parse
Dreamer_Ji的博客
07-21 9326
原因： 使用vscode运行vue-loader时一直报错，无法运行vue，但是不知道是哪里出错了，最后发现原来是安装的vue-loader vue-template-compiler的版本不对导致了发生冲突，无法正常使用。 解决办法：（亲测有用） 先使用命令卸载之前安装的然后在再重新用命令安装。 cnpm uni vue-loader vue-template-compiler -D cnpm i vue-loader@13.3.0 vue-template-compiler@2.5.2 -D 原因：
wxLogin
03-21
wxLogin
wx is not defined JS里出这个错，是因为没包含微信JSSDK文件
weixin_44019016的博客
05-30 4946
今天上线到服务器时，点击分享，出错 wx is not defined 搞半天，资料，原来是忘记了包含这个文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js" type="text/javascript"></script> ...
Unity & 微信公众号 - 实现扫码关注登录
当代野生程序猿
03-16 4239
功能需求：登录时呈现公众号二维码，用户扫描二维码后，点击关注，事件响应给程序，实现登录，若已经关注，自动进入会话，事件同样响应给程序，实现登录。 实现步骤： 1.公众号申请成为开发者账号，获取AppID、AppSecret； 2.设置IP地址白名单、服务器配置； 3.获取全局唯一接口调用凭据access_token； 4.调用生成二维码接口，获取ticket； 5.通过ticket换取二维码； 6.用户交互事件推送。 具体操作： 1.公众号申请成为开发者账号，获取AppID、AppSec.
H5页面跳转微信小程序时：wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef
u013282737的博客
11-03 1万+
有一个功能，需要从H5页面跳转到微信小程序，查了微信官方文档：只需要引入js文件，然后直接使用即可,但一直报错：wx' is not defined no-undef
PC网站实现微信扫码登录功能（一）
qq_35771266的博客
08-19 1万+
现在微信的使用用户越来越多，如果网站添加上微信登录，就能节省很多用户注册时间，极大缩小了注册流程。会让用户觉得特别方便。接下来我们就说一下怎么来实现PC端微信扫码登录。 一、微信开放平台账户申请 网址：https://open.weixin.qq.com/ 首先我们要做的就是进入到微信开放平台申请一个开放平台账户 进入页面以后，点击注册按钮，开始注册我们的新账户。按照要求一步一步完成注册即可。 二、微信认证 注册好账号以后如果想要实现扫码登录还必须要先进行认证。这个认证会收取300元认.
electron-wxlogin
05-10
一个electron微信第三方登录的方法 通过electron自带的webwiew 和类似第三方网站第二种获取微信code的方法 通过webview替换原来的iframe 监听webview的did-stop-loading事件和webview的url判断用户登录，并获取code ...
解决vue项目报错webpackJsonp is not defined问题
01-19
但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod...
解决vant的Toast组件时提示not defined的问题
01-21
[Vue warn]: Error in v-on handler: “ReferenceError: Toast is not defined” 解决方法： handleClick(){ this.$toast('点击提示') } 补充知识：vue+vant移动端遇到的那些问题 1、项目引用了lib-flexible 跟px...
微信小程序--微信扫一扫登录pc页面功能的实现
weixin_46045444的博客
10-11 1510
微信小程序随笔微信公众号平台扫码登录功能Android项目打包 微信公众号平台扫码登录功能 https://www.cnblogs.com/blogtech/p/10877492.html 比如csdn直接用微信扫码就可以登录，用户信息直接同步到pc端 1，配置域名 配置了域名之后，微信服务器获取到用户信息之后可以通过域名映射到小程序的服务器接口进行后续的处理 　配置步骤：设置 --> 公众号设置 --> 功能设置 --> 网页授权设置 (设置你自己的域名即可) MP_verify_HA
微信开放平台扫码登录获取用户基本信息！附可用demo
TANKING，开源开发者！
01-26 1万+
微信开放平台提供了网站扫码登录的接口，用于获取用户基本信息（头像，昵称）方便网站快速接入微信登录，快捷登录。需要使用登录接口，需要成为微信开放平台认证开发者（300元）才可以获得这个接口权限。 准备工作： 1、准备APPID、APPSECRET 2、准备接口地址 3、准备REDIRECT_URI 获取code接口 https://open.weixin.qq.com/connect/qr...
vue实现网页端企业微信扫码登录功能（前端部分）
LeeBrook0的博客
01-11 9961
时至今日，企业微信在企业日常工作中的使用越来越频繁也越来越重要，不少企业已使用企业微信进行着日常的工作安排管理。在这种背景下，各类系统和企业微信对接的需求也不断增加，今天要说的就是一个比较常见的需求：在网页前端实现扫描企业微信二维码进行系统登录。以下是vue框架下实现的方式，主要是前端部分。要完成这个需求主要有两点关键技术问题需要解决：一是如何在网页端产生企业微信的二维码。二是用户扫码完成后，如何知道是哪个用户扫的二维码，或者如何告诉后端哪个用户扫的二维码呢。我们一步步来说。
Vue 微信小程序扫码后获取json转对象报错 SyntaxError: Unexpected token in JSON at position 0
༺墨༒眉༻
03-22 770
看打印信息啥的都没啥问题，但是只要使用JSON.parse()转对象就会报。网上查了很久，都没未找到问题，最后大神给到一个答案并成功解决。断点调试：内容是调用小程序扫码接口扫码后拿到的数据。
微信分享referenceerror wx is not defined 微信JsSdk开发
刺心的博客
09-24 8762
如果你和我一样遇到了“referenceerror wx is not defined”错误，很有可能是jweixin-1.0.0.js与你其它某js冲突。 解决办法： <script type="text/javascript"> define = null; require = null; </script> <script src="htt...
android4.4 webview调用javascript出现Uncaught ReferenceError: is not define或者has no method
热门推荐
抢财猫股票课堂
10-18 9万+
这几天用Nexcu5 4.4.4系统做一个简单的手机设备号获取，然后调用javascript显示在网页里的功能，以前做过n多类似的程序，结果程序一运行啥问题都出来了，呵呵 [INFO:CONSOLE(1)] "Uncaught ReferenceError: is not define I/chromium(490): [INFO:CONSOLE(1)] "Uncaught SyntaxError: Unexpected token ILLEG [Android] Web Console: Uncaug
安卓实现微信聊天气泡
最新发布
WenZhengshi的博客
07-01 2159
【代码】安卓实现微信聊天气泡。
WxLogin is not defined
10-22
WxLogin is not defined是一个常见的错误，通常是因为微信扫码功能的js文件没有被正确引入或者引入位置不正确导致的。这个错误通常会在https域名下出现，而在http域名下则没有问题。解决这个问题的方法是在当前页面...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值