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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:27:50
字體:
來源:轉載
供稿:網友

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

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–>b middleware鑒權未登錄,跳轉登錄頁面登錄,調用登錄接口保存用戶session,返回a,再次跳轉b,nuxtServerInit 從上下文對象中獲取session保存在store,鑒權成功,跳轉成功。

拓展:connect-redis

sever/index配置

import express from 'express'import { Nuxt, Builder} from 'nuxt'import session from 'express-session'import redis from 'connect-redis'import bodyParser from 'body-parser'import api from './api'import serverConfig from './config' //redis配置文件const app = express()const host = process.env.HOST || '127.0.0.1'const port = process.env.PORT || 3000const RedisStore = redis(session)app.use(bodyParser.json())app.use('/static', express.static('static'))app.use(session({ name: 'sid', secret: 'Asecret123-', resave: true, rolling: true, saveUninitialized: false, store: new RedisStore(serverConfig)}))app.set('port', port)// Import API Routesapp.use('/api', api)app.use('/', api)// Import and Set Nuxt.js optionslet config = require('../nuxt.config.js')config.dev = !(process.env.NODE_ENV === 'production')// Init Nuxt.jsconst nuxt = new Nuxt(config)// Build only in dev modeif (config.dev) { const builder = new Builder(nuxt) builder.build()}// Give nuxt middleware to expressapp.use(nuxt.render)// Listen the serverapp.listen(port, host)console.log('Server listening on ' + host + ':' + port) // eslint-disable-line no-console            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 万荣县| 舞阳县| 酒泉市| 富源县| 临西县| 九寨沟县| 靖远县| 隆林| 茂名市| 尖扎县| 忻州市| 左贡县| 花垣县| 华安县| 广河县| 靖宇县| 凉城县| 和平区| 奉贤区| 盈江县| 长岛县| 壶关县| 文化| 定南县| 花垣县| 成都市| 策勒县| 滦南县| 通道| 八宿县| 乳源| 黄石市| 堆龙德庆县| 安溪县| 通州市| 岳阳市| 天水市| 石渠县| 河南省| 松江区| 扎赉特旗|