#ReferenceError: location is not defined

 [Vue warn]: Error in render: "ReferenceError: location is not defined"

ssr レンダリングする際に出る location is not defined エラーは javascript ブラウザー側しか稼働しない location を ssr レンダリングされた際に出るエラー

MDN の location についての解釈

Location インターフェイスは、関連付けられたオブジェクトの場所 (URL) を表します。
Location に対して変更が行われると、関連するオブジェクトに反映されます。
Document インターフェイスおよび Window インターフェイスにはこのような関連付けられた Location があり、それぞれ Document.location および Window.location でアクセスできます。

#因みに location プロパティ

href
protocol
host
hostname
port
pathname
search
hash
username
password
origin

#メソッド

assign
reload
replace
toString

#エラー対応

ブラウザー側にレンダリングさせる

if (process.browser) {
  var href = location.href
}

mounted 後に実行させる

mounted() {
   var href = location.href
}

no-ssr client-only 指定

javascript 日本語 shift-js 対応 CSV ダウンロード

javascript shift-jsエンコード CSVダウンロードが必要になったので、作ってみまし...

ブラウザーで動く javascript のクッキー操作ライブラリ js-cookie

フロントのブラウザー側で動くjs cookieについて...

nodejs 使う時のエラーたち

node学習しながらエラーの原因などを調べてメモります。...

javascript reduce 連想配列の合計計算覚えよう

javascript 配列 sum 合計計算、reduce 使ってやってみて覚える連想配列の落とし穴...

vuejs i18n の html-lang と font 設定

vue-i18n 多言語対応の際にhtml lang meta 変更と選択言語によってHPフォント...

正規表現一覧よく使う検索・置換のパターン

プログラムコーディングの際によく使う正規表現をわかりやすくしました。文字検索・置換によく使うパターン...

開発時によく使うゼロ埋めパディング作業まとめ

mysql twig phpとjavascriptでよく使うゼロ埋めのいろいろ...

javascript 面接問題のいろいろ

javascriptが一番人気のある言語にもなりましたが、わかるようでわからない基本知識を集めました...

javascript で作る html から PDF 変換 pdfmake の日本語対応

html pdf 変換する際に使っていたjavascriptライブラリpdfmakについて調べたこと...

Javascript vuejs の validation 正規表現でフォームチェック作ったときのメモ

電話番号チェック・メールアドレスチェック・文字チェック・郵便番号のチェックに使えるjavascrip...

nuxtjs と codeigniter で jwt システム構築

nuxtjsとcodeigniterでシステム構築する際のメモ...

javascript 楽しく遊ぼう!メッセージつぶやくウシ cowsay

楽しくjavascriptを遊ぶ用のパッケージcowsayについてのメモ...

#ReferenceError: location is not defined

#因みに location プロパティ

#メソッド

#エラー対応

関連記事