項目采用Vue作為開發框架，用戶瀏覽頁面時有兩種情況：

一種是需要用戶先登錄之后才能繼續瀏覽； 另一種是用戶無需登錄即可隨意瀏覽。

在無需用戶登錄的頁面中，可能包含需要用戶信息的操作，此時就需要用戶登錄之后方能進行后續操作。因此，需要對授權登錄策略進行區分。

思路

1.一般而言，我們為微信開發的H5頁面，進入頁面的時候就進行鑒權，要求用戶登錄之后才能繼續瀏覽。但由于產品需求，這個項目我們需要對不同頁面的鑒權策略進行劃分，按照一般與特殊進行設計：

2.一般情況，用戶進入頁面第一時間要求用戶授權登錄，按照常規的微信授權登錄流程，登錄之后，用戶繼續瀏覽。

3.特殊情況，為無需用戶登錄的頁面配置白名單，只要進入存在于白名單的路由，不進入檢測用戶登錄狀態的函數，直接渲染頁面。

對于用戶未登錄狀態下進行的需要用戶信息的操作，按照我目前的理解，即使是基于微信的靜默授權，頁面也必須重新刷新，無法做到真正無感授權并且繼續用戶的操作。因此我選擇在前端層面給用戶更友好的提示，讓用戶了解授權過程，缺點是前一次操作僅僅是觸發授權登陸，授權登錄后，用戶需要再次進行操作。

// routerRule.jsexport default function routerRule (router, whiteList = []) {  // other codes...  router.beforeEach( (to, from, next ) => {    // 因為授權登錄涉及異步操作，因此使用promise，成功的回調中調用next函數    new Promise((resolve, rejects) => {      if ( whiteListRouter.indexOf(to.path) !== -1 ) {        resolve()        return       }      // 常規頁面授權登錄過程      if (hasToken()) {        // codes，獲取用戶信息并且跳轉所需跳轉的頁面      } else {        // 判斷用戶是否已經進行微信授權        if (hasAuthed()) {          // 進行過微信授權之后，重定向回來的url中包含了微信的授權信息，可以將url上截取的參數發送到服務器，換取用戶的token，隨后進入上述有token時候的步驟          getWechatUserInfo().then(res => {            resolve()          })        } else {          // 用戶尚未進行微信授權，則調用微信授權的方法，進行授權登錄。          getWechatAuth()        }      }    }).then( res => {      next()    })  })  router.afterEach(( to, from ) => {    wxShare({ title: to.meta.title, desc: to.meta.shareDesc, link: to.meta.shareLink, logo: to.meta.shareLogo})   })}

本項目是在用戶初次進行微信綁定時，就將用戶的微信信息與本站的用戶信息進行的綁定，因此在獲取用戶微信授權信息后，就可以獲取到用戶的token，從而獲取用戶在本站的其他用戶信息。

在無需登錄頁面的進行需要權限的操作的處理