vue.js - Cookie ストレージを使用した Vuex は、ページの更新後に状態を失います

Question

Cookie ストレージで Vuex を使用していますが、F5 でページを更新すると状態が失われます。理由がわかりません。

「セキュア」オプションを「true」と「false」から切り替えようとしましたが、修正されません。IIS を使用してローカル環境でテストしています。

import * as Cookies from 'js-cookie'; 「vuex-persistedstate」から createPersistedState をインポートします。

デフォルトの新しい Vuex.Store({

strict: true,
plugins: [

    createPersistedState({
        storage: {
            getItem: key => Cookies.getJSON(key),
            setItem: (key, value) => Cookies.set(key, value, { expires: 3, secure: true }),
            removeItem: key => Cookies.remove(key)
        }
    })
],

actions,
modules: {

    module1,
    module2,
    module3,
    module4,
    module5,
    module6,
    module7,
    module8,
    module9
}

});

ページの更新後に状態が復元されることを期待しています。