axios 如何添加cookie
时间: 2023-07-19 12:55:04 浏览: 120
在使用axios发送请求时,可以通过设置请求头(headers字段)来添加Cookie。下面是添加Cookie的示例代码:
```javascript
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时仔细考虑安全问题,并采取相应的安全措施。
阅读全文