国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

詳解nuxt路由鑒權(express模板)

2019-11-19 12:29:44
字體:
來源:轉載
供稿:網友

這里我們以用戶登錄鑒權為例

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

主站蜘蛛池模板: 洛南县| 上饶县| 滕州市| 平阴县| 甘谷县| 开阳县| 隆回县| 当雄县| 二连浩特市| 肥东县| 宜春市| 四会市| 广安市| 惠东县| 肇东市| 方城县| 衡东县| 大丰市| 大洼县| 西吉县| 连州市| 乳源| 云南省| 盐山县| 新泰市| 辽阳县| 沂南县| 津市市| 秭归县| 西和县| 逊克县| 藁城市| 安泽县| 大连市| 大荔县| 阿坝县| 高雄市| 烟台市| 云阳县| 沈阳市| 鹤岗市|