vue移动端项目微信公众号授权登录

前言

在我们做移动端项目时, 很多功能是以登录后才能进行后续的操作, 并且许多pc端的网页都有微信扫码登录功能, 为了做到pc与移动端统一, 往往移动端项目需要添加微信登录功能, 那么为什么手机端不能用扫码登录, 下面我来说明一下以及他的解决办法

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、为什么移动端要用微信公众号授权登录？

最重要的原因是pc端已经占用扫码登录后跳转的线上地址, 并且微信官方能且只能添加一种线上地址, 所以我们只能通过公众号授权登录
(注意: 移动端授权登录只能在微信打开的浏览器下使用, 并且chrome浏览器中的调试也是不能进行测试的, 只能部署到线上才能测试, 必须使用history路由 否者二次登录后会出问题的)

二、使用步骤

1.在需要使用的地方进行操作

我这里是在登录页进行操作

代码如下（示例）：
首先定义一个标签

  <div class="buBottom" @click="toweichat">
       <img src="../assets/img/wechatlogin.png" alt="" /> 微信一键登录
  <