基于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没对应上。