Vue - 实现微信扫码登录功能（项目植入微信扫码登录功能）超详细完整流程详解及详细代码及注释，附带完整功能源码、常见问题解决方案

前言

如果您需要 Nuxt.js 版本的教程，请访问 Nuxt.js - 微信扫码登录功能。

在 vue2 / vue3 网页项目开发中，详细实现微信扫码登录功能，详解使用微信扫一扫整体思路及示例代码教程，附带服务端交互流程。

网上的大部分教程都太乱且没有任何注释和解释，本文将站在新手小白的角度，从 0-1 完成该功能，完整的讲解究竟前端做什么，后端做什么，代码该怎么写，

---

如下图示例所示，请仔细观察地址栏与扫码后登录的结果，为了演示效果没有将页面跳走，

文章结尾还提供了 如何更改登录框二维码宽高尺寸样式的解决方案。

没有任何乱七八糟的代码，示例代码干净整洁超级详细的注释

准备工作

为了