我的cookie没有设置在浏览器中，我该如何修复？

Question

我已经与JWT和Cookie合作，我不是为什么我的cookie不会在浏览器中设置。 如果我在Postman中进行此操作正常，可以创建cookie并看起来不错，但是当我在浏览器中使用React表单进行此操作时，Cookie却没有设置。

请任何建议

我的前端代码

const onSubmit = useCallback(async (e) => {
    e.preventDefault()
    setStatus('pending')
    setError(null)
    const credentials = {
      email: values.email,
      password: values.password
    }
    console.log(credentials)
    try {
      const res = await API.post(LOGIN_API, credentials)
      console.log(res.data)
      if (res.data.success) {
        setStatus('success')
        navigate('/')
      } else {
        setStatus('error')
      }
    } catch (err) {
      setError(error)
    }
  }, [values, error, navigate])

我的后端

const login = async (req, res) => {
  const text = 'SELECT user_id, password, email FROM user_account WHERE email=$1;'
  const values = [req.body.email]
  try {
    const response = await client.query(text, values)
    const match = await bcrypt.checkPassword(req.body.password, response.rows[0].password)
    if (match) {
      res.cookie("access_token", jwt.sign({ id: response.rows[0].user_id }, jwtSecret), { httpOnly: true })
      res.status(200).json({ success: true, message: "Logged in successfully" })
    } else {
      res.status(401).json({ success: false, message: "Credentials are not valid" })
    }
  } catch (err) {
    console.log(err.stack)
  }
}

，然后在这里我的Axios实例

import axios from 'axios'

export default axios.create({
  baseURL: process.env.REACT_APP_BASE_API_URL
})

Answer 1

仅当您通过浏览器加载资源，而不是通过JavaScript加载资源，才能设置cookies。没有办法以这种方式设置httponly cookie。
通常JWT令牌存储在LocalStorage中