axios 请求添加cookie

可以通过设置请求头中的 Cookie 字段来添加 cookie。示例代码如下：

axios.get('/api/data', {
  headers: {
    'Cookie': 'username=admin; token=xxxxxx'
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

在 headers 中设置 Cookie 字段，值为需要设置的 cookie 值，多个 cookie 值之间可以使用分号 (;) 分隔。注意，这里设置的 cookie 值需要符合服务器端的要求，否则可能会导致请求失败。

相关问题

Axios请求头添加cookie

要在 Axios 请求头中添加 cookie，可以使用 `axios.defaults.headers.common` 属性来设置默认的请求头，其中可以包含 Cookie。

例如，以下代码演示了如何在 Axios 请求中添加 Cookie：

import axios from 'axios';

axios.defaults.headers.common['Cookie'] = 'name=value';

axios.get('/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在这个例子中，我们将 `name=value` 的 cookie 添加到了 axios 的默认请求头中，然后发送了一个 GET 请求。你可以根据需要修改这个示例来适应你的具体情况。

axios 如何添加cookie

在使用axios发送请求时，可以通过设置请求头（headers字段）来添加Cookie。下面是添加Cookie的示例代码：

import axios from 'axios'

const instance = axios.create({
  baseURL: 'http://example.com',
  withCredentials: true // 允许携带cookie
})

instance.get('/api/test', {
  headers: {
    'Cookie': 'name=value; Path=/; HttpOnly'
  }
}).then(response => {
  console.log(response)
})

在上述代码中，我们首先通过axios.create方法创建了一个axios实例，然后设置了withCredentials为true，表示允许携带cookie。接下来，在发送get请求时，通过headers字段设置了Cookie字段，值为需要添加的Cookie值。

需要注意的是，如果需要在跨域请求中携带Cookie，服务器端需要设置Access-Control-Allow-Credentials为true。同时，为了保证安全，建议在设置Cookie时考虑以下几点：

1. 对于敏感信息，建议使用Token等方式进行身份验证，而不是直接使用Cookie。

2. 在设置Cookie时，应该指定Path和Domain等属性，以限制Cookie的作用范围，避免Cookie泄露。

3. 建议使用HTTPS协议进行通信，以避免Cookie被拦截和篡改。

总之，为了保证安全，建议在设置Cookie时仔细考虑安全问题，并采取相应的安全措施。