Vue微信网页授权方案详解
微信网页授权的前端方案里，基于 Vue-cli3 + Vant UI 的这个实现方式算是蛮成熟的一套。路由守卫里统一做授权逻辑，代码集中不分散，省掉以前那种中间页一顿跳的烦恼，逻辑也清晰不少。
router 的 beforeEach 里加个判断就行，没授权就跳微信，授权了就直接进页面，省事不少。rem 适配用得也挺顺手，配合 sass 写样式，响应快，维护轻松。用 axios 拉数据那块没啥坑，基本是上手就能跑的。
而且文档还提到了本地调试用 natapp/ngrok 的方法，挺贴心的。如果你开发阶段要模拟微信环境，这一招挺关键。项目结构也清楚，跟着 vue-wechat-auth 走基本不会偏。
说到底，如果你打算做一个所有页面都强制微信授权的项目，建议你直接用这个方案，干净利落，跳转逻辑也好控制。懒得折腾那种复杂流程的，可以参考下。
项目地址：vue-wechat-auth（对，就是它）
另外也可以看看下面这些相关文章拓展下：
如果你正好也在踩微信网页授权的坑，可以试试这个实现，少绕点弯路。
文件大小：159.95KB
评论区