蝙蝠岛资源网 Design By www.hbtsch.com
这里我们以用户登录鉴权为例
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,路由鉴权
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com
暂无详解nuxt路由鉴权(express模板)的评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2025年01月07日
2025年01月07日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]