withCredentials 属性

简介: 跨域请求中若需发送Cookie,服务器须设置Access-Control-Allow-Credentials: true,并明确指定Access-Control-Allow-Origin为具体域名,不能为星号。前端需在XMLHttpRequest中显式设置withCredentials = true,否则浏览器不会携带Cookie。注意,Cookie遵循同源策略,仅服务器域名下的Cookie可被上传,前端无法通过document.cookie读取跨域Cookie。

上面说到,CORS请求默认不发送Cookie和HTTP认证信息。如果要把Cookie发到服务器,一方面要服务器同意,指定Access-Control-Allow-Credentials字段。
Access-Control-Allow-Credentials: true
另一方面,开发者必须在AJAX请求中打开withCredentials属性。
var xhr = new XMLHttpRequest(); xhr.withCredentials = true;
否则即使服务器同意发送Cookie浏览器也不会发送。或者服务器要求设置Cookie,浏览器也不会处理。
但是,如果省略withCredentials设置,有的浏览器还是会一起发送Cookie。这时可以显式关闭withCredentials。
xhr.withCredentials = false;
需要注意的是,如果要发送Cookie,Access-Control-Allow-Origin就不能设为星号,必须指定明确的、与请求网页一致的域名。同时,Cookie依然遵循同源政策,只有用服务器域名设置的Cookie才会上传,其他域名的Cookie并不会上传,且(跨源)原网页代码中的document.cookie也无法读取服务器域名下的Cookie。

相关文章
|
Shell Windows
Webstorm安装激活破解2022.09最新破解教程「永久激活,亲测有效」
Webstorm安装激活破解2022.09最新破解教程「永久激活,亲测有效」
10317 0
Webstorm安装激活破解2022.09最新破解教程「永久激活,亲测有效」
|
安全 API 开发工具
阿里云如何开通子账号
阿里云如何开通子账号
10271 1
|
Web App开发 安全 网络安全
vue-axios 发送请求,cookie带不上
首先配置是没问题的但是 chrome 请求cookie携带不上 全局配置 axios.defaults.withCredentials = true 或者单个请求头配置 withCredentials:true
1471 0
vue-axios 发送请求,cookie带不上
|
人工智能 安全 调度
3个月12万星,一个文件凭什么让全球开发者买单?
本文介绍两大开源项目:一是《ai-coding-guide-zh》(3.7k Star),系统讲解Claude Code、Codex等AI编程工具;二是引爆GitHub的andrej-karpathy-skills(12万Star),仅用一个CLAUDE.md文件定义AI编程四铁律,直击“乱改、搞复杂、不问就干”等通病;进而引出进阶框架META_KIM——打造可进化、跨平台、守规矩的AI Agent工厂。(239字)
|
网络虚拟化 虚拟化 Windows
|
6月前
|
存储 关系型数据库 API
向量数据库对比:Pinecone、Chroma、Weaviate 的架构与适用场景
本文对比Pinecone(生产级)、Chroma(轻量原型)和Weaviate(混合搜索)三大向量数据库,结合真实生产经验与可运行Python代码,详解其适用场景、部署要点与迁移策略,助你为RAG系统选对检索引擎。
661 3
向量数据库对比:Pinecone、Chroma、Weaviate 的架构与适用场景
|
JavaScript
Vue中引入echarts。
这篇文章介绍了如何在Vue项目中引入和使用echarts库,包括安装echarts、在main.js中引入并挂载到Vue原型上、创建一个Vue组件来测试echarts图表的完整步骤,并展示了一个用户访问来源的饼图示例。
Vue中引入echarts。
|
缓存 JavaScript
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
2210 122
|
缓存 JavaScript 前端开发
使用 RTK Query 的好处:可扩展且高效的解决方案
使用 RTK Query 的好处:可扩展且高效的解决方案
476 1
|
开发者 容器
Echarts饼图实现-今日进度-动态图
构建一个动态旋转的ECharts饼图,包括渐变色和动画效果。初始化ECharts实例,设置图表尺寸和背景,配置标题、颜色、系列数据及自定义渲染。利用`renderItem`绘制弧线和圆点,`getCirlPoint`计算坐标。通过`setInterval`和`draw`函数实现旋转动画。完整代码可在链接下载。
1543 0
Echarts饼图实现-今日进度-动态图

热门文章

最新文章