koa2中session处理
session是管理前台传输过来的cookie值,用于缓存cookie。由于单个进程之间的session是不能够共享的,因此需要将所有的seesion缓存的数据放在redis之中。以达到数据共享的目的。在koa2中需要引入两个插件来管理数据它们分别代表session与session和redis的连接,这两个插件为koa-generic-session和koa-redis。
具体对于session的配置如下:
app.keys = [‘we#ds_45456@’]
app.use(session({
cookie: {
path: ‘/’,
httpOnly: true,
maxAge: 24 * 60 * 60 * 1000
},
// 配置redis
store: redisStore({
// all : ‘127.0.0.1:6379’ //本地redis地址,根据需求进行设置
all: ` R E D I S _ C O N F . h o s t : {REDIS\_CONF.host}: REDIS_CONF.host:{REDIS_CONF.port}`
})
}))
在上面的代码中app.keys代表的是session数据储存中数据加密,以保证用户数据的安全性。设置好密匙后,就在session中去配置cookie与store,在store中储存session的内容是在redis当中的,此时需要根据实际的redis的ip地址与其端口号,所以在这里引入` R E D I S _ C O N F . h o s t : {REDIS\_CONF.host}: REDIS_CONF.host:{REDIS_CONF.port}`,在这个部分是在db.js中配置好的服务器的地址到此为止,session就配置完成,这时再在routes中的user下去测试session,因为username与password都需要储存在session当中。测试代码如下
// session test
// router.get(‘/session-test’, async function (ctx, next) {
// if(ctx.session.viewCount == null){
// ctx.session.viewCount = 0;
// }
// ctx.session.viewCount++;
// ctx.body = {
// erron: 0,
// viewCount: ctx.session.viewCount
// }
// })
koa2中路由管理
在koa2中其不像express将路由整合在一起,而是将路由的管理单独生成方法,因此需要在这里去引入第三方库,来管理路由使用const router = require(‘koa-router’),引入Koa2中封装好的方法,然后再去在路由中去处理。在koa2中其根路由是放在router.prefix()方法当中,在routes中的文件中,该文件所有的路由都必须先去访问这个根路由然后才能去访问其本身的路由
同样在koa2中也封装好了get与post方法。
下面通过一个实际例子来说明这个管理的过程:
const { UserMes } = require(‘…/controller/user’);
const { SuccessModel, ErrorModel } = require(‘…/model/resModel’);
在这里我们需要对UserMes中的函数做一个更改,因为koa2是基于aysnc/await语法而写的一个框架,所以
在这个部分需要做的处理就是将UserMes中的函数改为aysnc/await格式,更改后的代码如下:
const { exec,escape } = require(‘…/db/mysql’)
const { genPassword } = require(‘…/utils/cryp’)
const UserMes = async (username,password) => {
//使用mysql中的escape来防止sql的注入
const passWord = escape(password);
//进行加密
password = genPassword(passWord);
const userName = escape(username);
const sql = `
select username,realname from user where username = ${userName} and password = ${password};
`;
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
837715846)]
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-9M3C1vU9-1712837715846)]