專案採用vue作為開發框架,使用者瀏覽頁面時有兩種情況:
一種是需要使用者先登入之後才能繼續瀏覽;
另一種是使用者無需登入即可隨意瀏覽。
在無需使用者登入的頁面中,可能包含需要使用者資訊的操作,此時就需要使用者登入之後方能進行後續操作。因此,需要對授權登入策略進行區分。
特殊情況,為無需使用者登入的頁面配置白名單,只要進入存在於白名單的路由,不進入檢測使用者登入狀態的函式,直接渲染頁面。
// routerrule.js
export
default
function
routerrule (router, whitelist = )
// 常規頁面授權登入過程
if (hastoken()) else )
} else
}}).then( res => )
})router.aftereach((to, from
) => )
}) }
複製**
根據上面的邏輯,進入白名單之後,整個函式已經被return掉,不會進入下面的鑑權過程。但是如果是在此種頁面上進行需要許可權的操作,那麼就需要觸發授權登入流程,並且在授權之後,要一併獲取使用者資訊。
// checklogin.js
export
function
checklogin( = {}) else )
}}複製**
同時,我們需要對路由白名單新增一些操作
// routerrule.js
export
default
function
routerrule (router, whitelist = ) )
}resolve()
return
}// 常規頁面授權登入過程
if (hastoken()) else )
} else
}}).then( res => )
})// other codes... }
複製**
這是本人開發過程中想到的不成熟的方案,如果有更好的方法,請不吝告知,謝謝!
微信授權登入
使用者同意授權url 對urlencode之後 private static string redirect url 使用者同意授權url private static string authorization url 建立授權url param state return throws except...
微信授權登入
首先說一下我寫這個的初衷 注意了 使用開放平台,需要備案的網域名稱才可以。且開放平台需要認證 使用公眾平台,那就更不要說了,更需要認證。開發反而不難了,因為那個對著api文件花些時間就可以了,就不貼了,那個沒啥意思,上面的資訊值金子 需要認證,需要認證,需要認證 開放平台api 公眾平台api 當然...
VUE開發SPA之微信授權登入
在router.beforeeach鉤子中判斷使用者當前登入狀態 若沒有登入則儲存使用者進入的url並跳轉到author授權頁面 獲取前面儲存的使用者進入url並跳轉 holdno是我自己定義的乙個工具集 裡面有各種操作方法 router.beforeeach to,from,next next c...