axios如何发送cookie

在使用axios发送HTTP请求时，默认情况下是不会发送cookie的。但是我们可以通过一些配置来让axios发送cookie。

1. 设置withCredentials为true

axios提供了一个配置选项withCredentials，将其设置为true可以让axios发送请求时携带cookie。

axios.defaults.withCredentials = true;

这样设置之后，axios发送请求时会自动携带当前域下的cookie信息。

2. 设置请求头中的Cookie字段

我们也可以手动设置请求头中的Cookie字段来发送cookie。

axios.get(url, {
  headers: {
    Cookie: 'name=value; name2=value2;'
  }
});

这样设置之后，axios发送的请求中会包含指定的cookie信息。

3. 创建实例时设置withCredentials

我们也可以通过创建axios实例时的配置来设置withCredentials。

const instance = axios.create({
  withCredentials: true
});

这样创建的instance实例在发送请求时会自动携带cookie。

4. 携带token代替cookie

有些时候，我们可能会使用token来代替cookie进行身份验证。可以通过设置请求头来发送token。

axios.get(url, {
  headers: {
    Authorization: 'Bearer your-token'
  }
});

在服务器端，可以解析请求头中的Authorization字段来验证token。

示例

下面是一个示例，演示了如何使用axios发送带有cookie的请求。

// 设置withCredentials为true
axios.defaults.withCredentials = true;

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

在上面的示例中，我们设置了withCredentials为true，然后发送了一个GET请求到`

序列图

下面是一个使用axios发送带有cookie的请求的序列图：

sequenceDiagram
  participant Client
  participant Server
  Client->>Server: GET /user
  Server->>Client: 200 OK

在序列图中，客户端(Client)发送了一个GET请求到服务器(Server)，服务器返回了状态码200表示请求成功。

结论

本文介绍了如何使用axios发送cookie。我们可以通过设置withCredentials为true、手动设置请求头中的Cookie字段、创建实例时设置withCredentials等方式来实现发送cookie的功能。

注意，为了保护用户的隐私和安全，发送cookie时需要注意相关的安全问题，如跨域情况下的CORS策略等。

希望本文对你理解axios发送cookie有所帮助。