让Axios在请求中自动发送cookie

我正在使用Axios从客户端向Express.js服务器发送请求。

我在客户机上设置了一个cookie，我希望从所有Axios请求中读取该cookie，而不需要手动将它们添加到请求中。

这是我的客户端请求示例:

axios.get(`some api url`).then(response => ...

我试图通过在Express.js服务器中使用这些属性来访问头文件或cookie:

req.headers
req.cookies

它们都没有包含任何cookie。我使用cookie解析器中间件:

app.use(cookieParser())

如何让Axios在请求中自动发送cookie ?

编辑:

我在客户端设置cookie是这样的:

import cookieClient from 'react-cookie'

...
let cookie = cookieClient.load('cookie-name')
if(cookie === undefined){
      axios.get('path/to/my/cookie/api').then(response => {
        if(response.status == 200){
          cookieClient.save('cookie-name', response.data, {path:'/'})
        }
      })
    }
...

虽然它也使用Axios，但它与问题无关。我只是想在设置cookie后将cookie嵌入到所有请求中。

当前回答

所以我也有同样的问题，我花了大约6个小时去寻找，我有

withCredentials:真

但是浏览器仍然没有保存cookie，直到出于某种奇怪的原因，我才想到重新调整配置设置:

Axios.post(GlobalVariables.API_URL + 'api/login', {
        email,
        password,
        honeyPot
    }, {
        withCredentials: true,
        headers: {'Access-Control-Allow-Origin': '*', 'Content-Type': 'application/json'
    }});

似乎你应该总是先发送“withCredentials”密钥。

2020-01-30 22:06:34

其他回答

如何让Axios在请求中自动发送cookie ?

set axios.defaults.withCredentials = true;

或者对于某些特定的请求，您可以使用axios.get(url，{withCredentials:true})

如果你的“Access-Control-Allow-Origin”设置为，这将给出CORS错误通配符(*)。因此，请确保指定请求的原始url

例如:如果您的前端使请求运行在localhost:3000上，则将响应头设置为

res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');

还

res.setHeader('Access-Control-Allow-Credentials',true);

2019-05-18 10:51:39

TL; diana:

{withCredentials: true}或axios.defaults.withCredentials = true

来自axios文档

withCredentials: false， //默认

withCredentials指示是否应该使用凭据进行跨站点访问控制请求

如果你传递{withCredentials: true}与你的请求，它应该工作。

更好的方法是在axios.defaults中将withCredentials设置为true

axios.defaults.withCredentials = true

2019-01-31 23:25:09

您可以使用withCredentials属性在请求中传递cookie。

axios.get(`api_url`, { withCredentials: true })

通过设置{withCredentials: true}，您可能会遇到跨起源问题。为了解决这个问题你需要使用

expressApp.use(cors({ credentials: true, origin: "http://localhost:8080" }));

在这里你可以读到withCredentials

2020-04-09 07:03:04

你可以使用withCredentials属性。

来自不同域的XMLHttpRequest不能为自己的域设置cookie值，除非在发出请求之前将withCredentials设置为true。

axios.get(BASE_URL + '/todos', { withCredentials: true });

此外，还可以对每个Axios请求强制凭据

axios.defaults.withCredentials = true

或者对某些Axios请求使用凭据，如下面的代码所示

const instance = axios.create({
   withCredentials: true,
   baseURL: BASE_URL
})
instance.get('/todos')

2017-04-03 06:43:43