让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嵌入到所有请求中。

当前回答

你可以使用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

其他回答

在package.json(Frontend)中设置代理，并重新启动服务器(问题解决)

2023-01-06 06:59:25

//在创建axios实例时使用

const API = axios.create({
    baseURL: "http://localhost:4000", // API URL
    withCredentials: true,
});

//在后台的app.js中使用这个中间件首先，安装NPM I cors

var cors = require("cors"); // This should be at the end of all middlewares

const corsOptions = {
    origin: "http://localhost:3000",
    credentials: true, //access-control-allow-credentials:true
    optionSuccessStatus: 200,
};

app.use(cors(corsOptions));

2022-08-16 02:06:29

法提赫的答案在2022年仍然有效。

axios.defaults.withCredentials = true也可以做到这一点。

将{withCredentials: true}传递给单独的axios调用似乎不建议使用。

2021-08-26 09:29:56

对于那些仍然无法解决这个问题的人，这个答案帮助了我。 Stackoverflow回答:34558264

TLDR; 我们需要在两个axios的GET请求和POST请求(获取cookie)以及fetch中设置{withCredentials: true}。

2019-05-24 08:47:42

这并不适用于每个人，但我使用了一个React前端与Vite，它正在为localhost 127.0.0.1:5173服务，这是我作为CORS允许域。只要我都到本地主机一切正常工作!

2022-08-09 01:55:15

让Axios在请求中自动发送cookie

推荐文章

最新文章

标签