在Axios请求中使用xsrf令牌需要在请求头部字段中设置X-XSRF-Token和Cookie字段。
以下是一个使用Axios发送POST请求并包含xsrf令牌的示例代码:
import axios from 'axios';
// 设置xsrf令牌
axios.defaults.xsrfCookieName = 'XSRF-TOKEN';
axios.defaults.xsrfHeaderName = 'X-XSRF-Token';
// 发送POST请求
axios.post('/api/endpoint', { data })
.then(response => {
// 请求成功处理
console.log(response.data);
})
.catch(error => {
// 请求错误处理
console.error(error);
});
在上面的代码中,我们首先通过设置axios.defaults.xsrfCookieName和axios.defaults.xsrfHeaderName来指定xsrf令牌的cookie名称和请求头部字段名称。
然后,我们使用axios.post方法发送POST请求,并在请求参数中提供要发送的数据。Axios会自动在请求头部字段中包含xsrf令牌,并将其作为X-XSRF-Token字段发送。
确保在服务器端设置正确的xsrf令牌,并将其设置为与cookie中的XSRF-TOKEN相同的值。这样Axios才能在请求中正确地使用xsrf令牌。
如果你的服务器使用不同的cookie名称和请求头部字段名称,你需要相应地更改axios.defaults.xsrfCookieName和axios.defaults.xsrfHeaderName的值。