express(后台)+vue(前端)使用express-session插件使每次请求带cookie

最新推荐文章于 2023-07-05 17:51:21 发布

hardly555

最新推荐文章于 2023-07-05 17:51:21 发布

阅读量2.4k

点赞数

分类专栏：前端JS node axios vue express session cookie

本文链接：https://blog.csdn.net/hardly555/article/details/81630826

版权

本文讲述了在使用Express后端和Vue前端时，通过express-session中间件实现用户登录状态保持的过程。遇到的问题是在Google浏览器中network响应头未显示cookie，原因可能是访问localhost时不生成cookie。解决方案包括确保Access-Control-Allow-Origin与请求域名一致，以及理解浏览器对localhost的cookie策略。同时，文中提到vue-cookie只能获取res.cookie而无法获取res.session设置的键。

摘要由CSDN通过智能技术生成

一个需求：用户登录，登陆之后保存cookie，使得用户的状态在前端与后台都能保存（即每次请求都能区分是对应用户）.
前提：
1.express使用中间件。

app.use(cookieParser());//express-session插件需要到cookie-parser
// session 中间件
app.use(session({
    name: config.session.key, // 设置 cookie 中保存 session id 的字段名称
    secret: config.session.secret, // 通过设置 secret 来计算 hash 值并放在 cookie 中，使产生的 signedCookie 防篡改
    resave: true, // 强制更新 session
    saveUninitialized: false, // 设置为 false，强制创建一个 session，即使用户未登录
    cookie: {
        maxAge: config.session.maxAge // 过期时间，