這里我們以用戶登錄鑒權為例
express依賴express-session中間件實現session功能
若我們不加載express-session組件
router.get('/user/login', function (req, res) { console.log(req,req.session)})
會發現不存在session對象
引入express-session組件
// server/index.js文件...import session from 'express-session'...app.use(session)...
然后再試試
router.get('/user/login', function (req, res) { console.log(req.session)})
這時可以看到打印出空數組對象。。。好了,下面就可以使用了
import {Router} from 'express'const router = Router()import request from 'superagent'router.get('/user/login', function (req, res) { request .get(path) .query(req.query) .set('Content-Type', 'application/json;charset=UTF-8') .end((err, _res) => { if (_res.body.code === 200) { req.session.authUser = _res.body.data //將返回的用戶數據存到session } res.json(_res.body) })}
seeesion搞定了,怎么進行鑒權呢?
首先,將用戶session保存到store,以便全局取用
nuxtServerInit 方法:如果在狀態樹中指定了 nuxtServerInit 方法,Nuxt.js 調用它的時候會將頁面的上下文對象作為第2個參數傳給它(服務端調用時才會醬紫喲)。當我們想將服務端的一些數據傳到客戶端時,這個方法是灰常好用的。
舉個例子,假設我們服務端的會話狀態樹里可以通過 req.session.user 來訪問當前登錄的用戶。將該登錄用戶信息傳給客戶端的狀態樹,我們只需更新 store/index.js 如下:
actions: { nuxtServerInit ({ commit }, { req }) { if (req.session.user) { commit('user', req.session.user) } }}
這樣我們就可以通過判斷store中user的狀態來知道用戶是否登錄。
在跳轉時需要鑒權的頁面添加中間件:
export default{ middleware: auth}
auth.js
export default function ({store,redirect}) { if (!store.state.authUser) { return redirect('/user/login') }}
大概流程:a 主站蜘蛛池模板: 阿坝县| 漾濞| 永安市| 阿拉尔市| 昌平区| 陇南市| 荥经县| 潢川县| 同心县| 喀什市| 酉阳| 铁岭县| 临邑县| 遂宁市| 沂水县| 湖南省| 福建省| 舒城县| 中超| 五大连池市| 荔浦县| 贵德县| 长汀县| 永寿县| 西贡区| 乌审旗| 阳东县| 防城港市| 天祝| 抚宁县| 达拉特旗| 瓮安县| 武隆县| 文水县| 徐水县| 阳谷县| 舒城县| 杭锦后旗| 普陀区| 涿鹿县| 渭源县|