nuxt asyncData 中 store参数在刷新页面后会丢失的问题 有人知道吗？

Question

nuxt asyncData 方法 在刷新页面时 会把 本地储存的localStorage 清空掉， 获取不到 ， 有没有知道 解决办法吗？

Answer 1

这是因为asyncData方法在服务端执行，而localStorage只在浏览器端可用，所以无法在asyncData方法中直接访问到它。

一个解决办法是使用Nuxt提供的useFetch、useLazyFetch、useAsyncData和useLazyAsyncData来处理数据获取。特别是useFetch方法可以用于在组件的script根目录、生命周期回调或自定义的async异步方法中发送请求。这样可以避免在asyncData方法中使用localStorage，从而解决刷新页面导致localStorage清空的问题。实际上，对于不需要在asyncData中使用Vuex的情况下，也可以考虑使用其他可用的方法来处理数据获取，以避免localStorage清空的问题。