如何实现Vue微信网页授权的终极解决方案？

本文共计1437个文字，预计阅读时间需要6分钟。

基于Vue微信网页授权，采用vue-cli3.0、webpack4、vant UI、Sass和rem适配方案，结合axios开发的微信授权解决方案。项目地址：vue-wechat-auth，参考了[vue-wechat-login]，思路略有不同，本文字基于进入所有页面都必须授权。

vue微信网页授权，基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios，开发的微信授权方案。项目地址：vue-wechat-auth

参考了[vue-wechat-login]，思路有些不同，本文基于进入所有页面都必须先授权的操作。

与之前写的授权不同之处

这次的逻辑全部在router的beforeEach进行，相较更加简洁明。之前是在一个中间页author.vue中，加上微信授权要跳转很多次

在这里你能找到

微信网页授权前端解决方案，官方文档

如何使用Natapp(ngrok)进行微信本地开发调试,官方文档

如何配置微信开发测试账号

关于测试账号和本地开发设置

由于文章过长这里[微信测试账号和本地开发调试]记得回来哦~

微信网页授权

都设置好了那就开始微信网页开发第一步也是最重要的一步，微信网页授权

关于授权你首先要清楚的是，服务端要用到的是微信openid还是微信unionid，这两者的区别是，如果你要的是unionid,那么你需要在[微信开放平台]去绑定测试账号。测试号的appId和appsecret在微信公众平台的测试号里找。