cookie的基础知识就不介绍了。。。需要的戳这里
相关方法是参考js-cookie
包封装的
删除失败
问题
存储cookie
所在页面路由为/storage/setCookie
,设置path
的值为/storage/setCookie
删除cookie
所在页面路由为/storage/removeCookie
,设置path
的值为/storage/setCookie
原因
虽然设置了相同的path
,但是路由为/storage/removeCookie
页面,没权限访问/storage/setCookie
的cookie
注意点
删除cookie
时候要注意path
与存储时相同;
删除cookie
时候要注意path
的权限
设置失败
问题
存储cookie
所在页面路由为/storage/setCookie
,设置path
的值为/storage
,结果失败。刷新页面之后,可以存储成功,页面从其他页(非/storage
)进入,不刷新页面就会出现失败
原因
在存储失败时候,实际已经执行了存储,只是获取不到,当刷新当前页的时候,可以正常获取到。刷新页面之后,可以存储成功。这个问题看上去很诡异,一般情况下,存储和获取与刷新页面没关系。在经过一番反复思考与测试终于发现问题所在,项目使用的history
的路由方式。框架路由提供的history
,虽然看上去是URL路径,但是实际上浏览器并不认,只有刷新页面时候浏览器才真的请求当前路径,因此出现刷新页面有效,不刷新页面无效。
注意点
使用history
路由时,存储cookie
不要设置path