这里我们以用户登录鉴权为例
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搞定了,怎么进行鉴权呢"htmlcode">
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 || 3000 const 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 Routes app.use('/api', api) app.use('/', api) // Import and Set Nuxt.js options let config = require('../nuxt.config.js') config.dev = !(process.env.NODE_ENV === 'production') // Init Nuxt.js const nuxt = new Nuxt(config) // Build only in dev mode if (config.dev) { const builder = new Builder(nuxt) builder.build() } // Give nuxt middleware to express app.use(nuxt.render) // Listen the server app.listen(port, host) console.log('Server listening on ' + host + ':' + port) // eslint-disable-line no-console
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
nuxt,路由鉴权
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。