Express.js会话变量无法刷新问题求助

问题描述 #

首次加载主页显示访客（符合预期），登录后显示用户名（符合预期），但执行登出操作后，控制台打印loggedIn为false，主页却仍显示loggedIn为true并展示用户名。期望登出后主页的loggedIn变量为false，调整函数顺序无效。

相关代码 #

//logout
router.get("/logout", (req, res) => {
    res.render("logout")
    req.session.username = undefined
    req.session.loggedIn = false
    
})
//login
router.get("/login", (req, res) => {
    res.render("login")
})
router.post("/login", (req, res) => { 
    let data = JSON.parse(fs.readFileSync("./data.json"))
    let exists = false
    data.users.forEach(user => {
        if(user.name === req.body.username){
            exists = true
            if(user.password === req.body.password){
                req.session.loggedIn = true
                req.session.username = user.name
                res.redirect("/")
            }else res.send("Incorrect password!")

        }
    })
    if(exists === false){
        res.send("There is no account with that username.")
    }
})

//register
router.get("/register", (req, res) => {
    res.render("register")
})
router.post("/register", (req, res) => { 
    let data = JSON.parse(fs.readFileSync("./data.json"))
    let exists = false
    data.users.forEach(user => {
        if(user.name === req.body.username){
            res.send("Please choose a different username!")
            exists = true
        }
    })
    if(exists === false){
        let template = {
            name: req.body.username,
            password: req.body.password
        }
        data.users.push(template)
        fs.writeFileSync("./data.json", JSON.stringify(data, null, 2))
        res.send("Registered successfully!")
    }
})
//home
router.get("/", (req, res) => {
    console.log(req.session.loggedIn)
    if(req.session.loggedIn === true){
        res.render("index", {name: req.session.username})
    }else res.render("index", {name: "Guest"})
    
})

问题原因 #

登出路由的执行顺序错误：你先调用res.render("logout")发送响应给客户端，之后才修改session状态。此时响应已经完成，客户端接收到的是基于旧session状态的页面；后续修改session的操作虽然执行了，但用户如果停留在logout页面或直接返回主页，可能会因为浏览器缓存或未重新加载页面，导致读取的还是旧的session状态。

解决方案 #

修改登出路由的代码，先更新session状态，再执行响应操作，推荐直接重定向到主页，强制页面重新加载读取最新session：

//logout
router.get("/logout", (req, res) => {
    // 先修改session状态
    req.session.username = undefined
    req.session.loggedIn = false
    // 可选：彻底销毁session（更安全）
    // req.session.destroy(err => {
    //     if (err) console.error("Session销毁失败：", err)
    // })
    // 重定向到主页，确保页面重新加载
    res.redirect("/")
})

额外优化建议 #

• 登录/注册逻辑中，使用Array.find()替代forEach，代码更简洁高效：

  // 登录示例
  router.post("/login", (req, res) => { 
      let data = JSON.parse(fs.readFileSync("./data.json"))
      const user = data.users.find(u => u.name === req.body.username)
      if (!user) {
          return res.send("There is no account with that username.")
      }
      if (user.password !== req.body.password) {
          return res.send("Incorrect password!")
      }
      req.session.loggedIn = true
      req.session.username = user.name
      res.redirect("/")
  })
  

• 生产环境建议使用异步文件操作（fs.readFile/fs.writeFile），避免同步操作阻塞Node.js事件循环。

内容的提问来源于stack exchange，提问作者GhostLucas