axios加cookie
时间: 2023-02-14 08:26:21 浏览: 134
可以通过在axios请求配置中设置`withCredentials: true`来将cookie添加到请求中。
示例:
```javascript
axios({
method: 'get',
url: '/api/data',
withCredentials: true
}).then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});
```
此外,在服务器端设置Access-Control-Allow-Credentials: true 或设置Access-Control-Allow-Origin为请求的域名,这样可以使服务器允许该请求发送cookie.
参考:
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
https://github.com/axios/axios#cors
相关问题
axios携带cookie请求Cookie
可以使用axios的withCredentials选项来携带cookie进行请求。在创建axios实例时,设置withCredentials为true即可。例如:
```
const axiosInstance = axios.create({
withCredentials: true
});
axiosInstance.get('https://example.com/api', {
headers: {
'X-Requested-With': 'XMLHttpRequest'
}
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
```
这样就可以在请求中携带cookie了。
axios获取cookie
在以上引用的代码中,使用了两种不同的方法来获取和设置cookie。引用中使用了vue-cookies库来存储和获取cookie信息,代码示例中使用了`VueCookies.get('loginInfo')`来获取cookie值。而引用中使用了js-cookie库来获取和设置cookie,代码示例中使用了`Cookies.get(TokenKey)`来获取cookie值。
综合以上两个引用的代码,你可以使用以下方法来获取cookie值:
1. 如果你使用了vue-cookies库,你可以使用`VueCookies.get('cookie名称')`来获取cookie值,例如`VueCookies.get('loginInfo')`来获取登录信息的cookie值。
2. 如果你使用了js-cookie库,你可以使用`Cookies.get('cookie名称')`来获取cookie值,例如`Cookies.get('token')`来获取token的cookie值。
注意,以上提供的示例代码仅为参考,请根据你实际的代码进行相应的修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue 3 axios配置以及cookie的使用方法](https://blog.csdn.net/nanchen_J/article/details/128948663)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [cookie具体配置方法+axios具体配置方法](https://blog.csdn.net/GJ_guo/article/details/126608467)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [vue-axios前端发送post请求,spring boot后端获取请求头中的数据(cookies)](https://blog.csdn.net/weixin_46329670/article/details/123482771)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文