这里我们以用户登录鉴权为例
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,路由鉴权
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“详解nuxt路由鉴权(express模板)”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新动态
2025年11月06日
2025年11月06日
- 小骆驼-《草原狼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]