我的应用程序使用Firebase API进行用户身份验证，将登录状态保存为Vuex状态下的布尔值.
当用户登录时，我设置了login status，并有条件地显示相应的登录/注销按钮.
但是当 页面刷新后，vue应用程序的状态将丢失并重置为默认状态
这会导致一个问题，因为即使用户登录并刷新页面，login status也会被设置回false，并且即使用户保持登录，也会显示登录按钮而不是注销按钮....
What shall I do to prevent this behavior
我要用cookies吗
这是一个已知的用例.有不同的解决方案.
例如，一个人可以使用vuex-persistedstate.这是一个插件，用于vuex处理和存储页面刷新之间的状态.
示例代码:
import { Store } from 'vuex'
import createPersistedState from 'vuex-persistedstate'
import * as Cookies from 'js-cookie'
const store = new Store({
// ...
plugins: [
createPersistedState({
getState: (key) => Cookies.getJSON(key),
setState: (key, state) => Cookies.set(key, state, { expires: 3, secure: true })
})
]
})
我们在这里做的很简单:
js-cookie个getState上，我们try 从Cookies加载保存的状态setState岁时，我们将我们的州挽救到Cookies岁