Quasar SSR水化与localStorage问题

如何解决Quasar SSR水化与localStorage问题

在localStorage中，有一个“ cookies”键，其中1为true，0为false，以确定用户是否已接受cookie策略（通知弹出窗口）。用户必须接受该策略，弹出窗口才会消失。

但是，当我在SSR模式下运行quasar应用程序时，渲染后会出现水化错误。

  import { LocalStorage } from 'quasar'

  export default {

    data () {
      return {
        cookiesAccepted: Boolean(LocalStorage.getItem('cookiesAccepted'))
      }
    },// rest of the code

在组件的模板标签中，我有以下代码：

      <template v-if="!cookiesAccepted">
        Cookies here
      </template>
    </q-layout>
  </template>

在SPA模式下，它可以正常工作，页面上未显示cookie消息，而在SSR模式下，它在页面上闪烁，并且出现此错误：

有什么问题？