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