《Web项目跨域请求后端Api设置Cookie失败问题?》

问题描述:

在web项目中跨域请求api时,api登录成功后需要向域名中设置cookie实现在两个域名下共享,但是登录接口返回成功,响应头中也有set-cookie,实际却无法设置到cookie中...

web项目访问时的域名https://b.com/

api所在域名:https://a.b.com/

详细分析请看下面原文:

Cors跨域(二):实现跨域Cookie共享的三要素

我的问题主要原因是前端需要在Axois中开启withCredentials=true

上面这个参数默认是关闭的,需要开启;

Axois文档链接

当然只开启这个参数也不行,还需要后端配合其他配置,上面的《Cors跨域(二):实现跨域Cookie共享的三要素》文章中详细说明了服务端的配置,这里就不重复了;

相关推荐
ccc10183 分钟前
通过学长的分享,我学到了
前端
编辑胜编程3 分钟前
记录MCP开发表单
前端
可爱生存报告4 分钟前
vue3 vite quill-image-resize-module打包报错 Cannot set properties of undefined
前端·vite
__lll_4 分钟前
前端性能优化:Vue + Vite 全链路性能提升与打包体积压缩指南
前端·性能优化
weJee4 分钟前
pnpm原理
前端·前端工程化
小高0076 分钟前
⚡️ Vue 3.5 正式发布:10× 响应式性能、SSR 水合黑科技、告别 .value!
前端·javascript·vue.js
乡村中医6 分钟前
🔥如何在函数式编程中使用设计模式-单例模式
前端·代码规范
撰卢42 分钟前
总结一下vue3的组件之间数据转递,子组件传父组件,父组件传子组件
前端·javascript·vue.js
前端开发爱好者1 小时前
Vue3 超强“积木”组件!5 分钟搞定可交互 3D 机房蓝图!
前端·javascript·vue.js
前端开发爱好者1 小时前
尤雨溪力荐!Vue3 专属!100+ 动效组件!
前端·javascript·vue.js