每次发送新请求时，我的快速会话都会被覆盖，我想知道这是否是因为我的开发环境？快速反应

Question

编辑-我不再认为这是一个开发环境问题，因为同样的事情仍然存在于生产环境中。

首先，感谢您在这方面花费的时间-我知道这是一个常见的问题，但我已经仔细阅读了这么多的问题，并尝试应用了这么多的解决方案，但都无济于事。

总而言之，我目前有一个React前端，它正在向我的Express服务器发送带有Fetch API的请求。我想使用快速会话来保存登录的用户信息，以便会话在用户使用应用程序时使用和验证。

我有这个奇怪的问题，每次发送新请求时，我浏览器中应用程序选项卡中的cookie都会被设置为全新的内容。我可能理解错了，但我认为这应该在整个会议中保持一致，但事实似乎并非如此。这使得每次我调用新请求时，req.session完全重置，没有任何东西。

以下是我的应用程序中的一些代码：

快速server.js[快速会话和cors的设置]

app.use(cors({
  credentials: true
}))

const session = require('express-session')
// Middleware for creating sessions and session cookies.
// A session is created on every request
app.use(session({
  secret: 'tis a secret mate',
  cookie: {
    expires: 3000, // expires in 15 mins
    httpOnly: true,
    secure: false,
  },
  // Session saving options
  saveUnintialized: false, // don't save the initial session if the session object is unmodified (i.e the user did not log in)
  resave: true, // don't resave a session that hasn't been modified
  store: MongoStore.create({
    mongoUrl: process.env.MONGODB_URI_SESSIONS
  })

  }))

  app.use(function (req, res, next) {
    console.log('SESSION LOGGING MIDDLEWARE')
    console.log(req.session);
    next()
  });

app.use((req, res, next) => {
  res.header('Access-control-Allow-Origin', 'http://localhost:3000');
  res.header(
      "Access-Control-Allow-Headers",
      "Origin, X-Requested-With, Content-Type, Accept, Authorization"
  );
  res.header('Access-Control-Allow-Credentials', true);
  next();
  });

编辑-登录路径

app.post('/api/users/login', async (req, res) => {

  // pull out the body
  const body = req.body

  // pull out the username and password
  const username = body.username
  const password = body.password

  User.findByUsernamePassword(username, password)
    .then(user => {
      // if we find the user,  the users information to the session to retain all that information
      // will create a function to ensuree that the session exists to make sure that we are logged in
      req.session.user = user
      req.session.username = user.username
      req.session.save()
      console.log(req.session)
      res.send({ user: req.session.user })
    })
    .catch(error => {
      res.status(400).send()
    });
})

前端获取调用在下面的代码中，我将登录和检查会话调用粘贴到各自的endpoint。本质上，check会话调用只返回会话中的内容，而login调用应该登录用户并将用户添加到req中。一场使用者

登录后，我尝试运行检查会话，看看用户是否在会话中，但不是每次都在。我还注意到，我的应用程序选项卡中的Chrome cookie更改为其他内容。

export const login = (username, password, setUser) => {

  const obj = {
    username: username,
    password: password
  }

  const request = new Request(`${API_HOST}/api/users/login`, {
    method: "POST",
    credentials: "include",
    body: JSON.stringify(obj),
    headers: {
      "Content-Type": "application/json"
    }
  })

  // send the request
  const promise = fetch(request)
    .then(res => {
      if (res.status === 200) {
        return res.json();
      }
    })
    .then(json => {
      // if the user exists, setUser to user
      console.log("USER PRE:", json.user)
      if (json.user !== undefined) {
        console.log("USER: ", json.user)
        setUser(json.user)
        return json.user
      }
    })
    .catch(error => {
      console.log(error);
    })

  return promise
}

export const checkSession = () => {
  const url = `${API_HOST}/api/users/check-session`

  fetch(url, {
    credentials: 'include'
  })
  .then(res => {
      if (res.status === 200) {
          console.log('200')
          console.log(res.json())
      } else {
        console.log(res)
      }
  })
  // .then(json => {
  //     if (json) {
  //       setUser(json)
  //     }
  // })
  .catch(error => {
      console.log(error);
  });
}

我尝试过的事情

• 我已经尝试改变我的cookie在服务器中的定义方式。js（安全：false | httpOnly:true）

其他可能有用的注释

• 我正在使用React with React路由器，不确定这是否会影响内容

谢谢你的时间，我知道这是一个超长的问题。请让我知道，如果你想帮忙，我还可以提供什么帮助来澄清！

Answer 1

如果在不同的主机上运行后端和前端，则可能存在CORS问题。您还说您在“应用程序”选项卡中检查了cookie，但是如果您还没有尝试查看“网络”选项卡中的请求和响应cookie头，您应该检查它们以进一步诊断问题。cookie应该在身份验证请求上设置，并且应该包含在随后的请求中。