ReferenceErrorlocalStorage is not defined
spa で作ったプログラムを universal に切り替えて SSR で HP 速く表示することを目指しました。SPA モードでは問題なく動いていたプログラムが localStorage is not defined エラーlocalstorage はブラウザ側しかないのに、サーバーレンダリングされたことが原因はわかるけどSPA に切り替えてれば、動くこともわかるけどSSR 使いたい!SSR 使いたいから SPA からわざわざ切り替えようとしているから
nuxtjs の公式サイトにも答え(opens new window)がありました。
これは、サーバーサイドのレンダリングに起因します。 クライアントサイドでのみリソースをインポートしたい時は process.client 変数を使用する必要があります。
process.clientで if 判断
process.client
if (process.client) { require('external_library') }
nuxt.config.js チェック
export default { plugins: [ { src: '~/plugins/both-sides.js' }, { src: '~/plugins/client-only.js', mode: 'client' }, { src: '~/plugins/server-only.js', mode: 'server' } ] }
SSR したくないプラグインはmode:'client'追加 (Nuxt.js 2.4 以降)
mode:'client'
ssr:false は次のメジャーリリースでは非推奨に
nuxtjsのhead内titleとdescription動的変更してSEOパワーアップしていこう!...
日本には普及していない iview がバージョン 4.0 リリースしました。UI フレームワークを ...
リダイレクトコード、恒久リダイレクト一時的リダイレクトのいろいろをまとめました。...
3分でできるnuxtjs使ってwpa設定 @nuxtjs/wpaモジュール入れて設定追加して画像一枚...
vuejsで上にスクロールするとナビメニューが表示、下にスクロールすると非表示の切り替えをやってみま...