首页 > 解决方案 > 通用模式下的 Nuxt JS LocalStorage 不起作用

问题描述

我正在开发一个使用 LocalStorage 的 Nuxt JS 应用程序。在SPA模式下编译时它可以正常工作,但是我需要将我的项目切换到universal模式以在生成我的项目时让我的 SEO 元标题和描述工作,切换后我在几个使用 LocalStorage 的页面上收到错误:

localStorage is not defined

有没有人有任何建议来解决这个问题?

标签: vue.jsvuejs2nuxt.js

解决方案


你没有 localStorage 因为在 Node.js 环境中没有这样的东西。你也没有windowdocument对象。

https://ssr.vuejs.org/guide/universal.html#access-to-platform-specific-apis

Nuxt.js 在后台使用 Vue SSR。

但是,您仍然有一个商店(Vuex)。它将在节点和浏览器之间同步。


推荐阅读