Vue项目打包后cookie部分丢失

基于Vue 的移动端项目(m站),原本没有登录后操作,现在需要添加h5支付,支付接口如果请求需要带上cookie,cookie里面存放token。

跨域请求时增加withCredentials: true已经添加。

1. 调试请求时Cookie被过滤的原因

打开Network面板,随意选择一个请求,在请求的Cookie面板中,可以看到1个新的checkbox: show filtered out request cookies,默认是隐藏被过滤的请求Cookie。

勾选后可以看到被过滤的Cookie,黄色高亮底色显示。鼠标停在警告⚠️的图标上,可以看到Cookie被过滤的原因。比如图2中,被过滤的原因是cookie的domain和请求url的domain不匹配,虽然它们共享1个顶级域名的上层域名(TLD+1,比如 http://jd.com)。

点评:更好🉐️调试Cookie问题,比如为什么设置了Cookie请求没带上,有可能是设置的domain没对应上。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容