この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:7
ページ更新者:atom
更新日時:2026-05-15 03:52:15

タイトル: base urlを取得する方法
SEOタイトル: 【Javascript】base urlを取得する方法

この記事の要点
  • ブラウザ JavaScript で base URL(プロトコル + ホスト + ポート)を取りたいなら window.location.origin を使う
  • 例: http://127.0.0.1:8000 のような形で取得される
  • 末尾スラッシュは含まれないので、URL を結合するときは自分で / を付ける
  • パス込みなら window.location.href、ホストだけなら window.location.host

 

window.location.originを利用することでbase urlを取得することが出来ます。

var baseUrl = window.location.origin;

console.log(baseUrl);

 

以下、出力結果です。

http://127.0.0.1:8000

 

関連エラー・関連情報

本記事の問題に関連する周辺情報を整理しておきます:

  • 確認したい設定ファイル: 環境依存の設定(pom.xml / build.gradle / web.xml / application.properties など)を確認
  • 環境変数: JAVA_HOME / PATH / CATALINA_HOME など主要な環境変数の値を確認
  • バージョン互換性: 使用しているフレームワーク・ライブラリ・JDK のバージョンの整合性
  • ログレベル: 必要に応じて DEBUG レベルに変更して詳細ログを取得
  • キャッシュクリア: ビルドキャッシュ / Maven リポジトリのクリア

よくある質問 (FAQ)

Q. 同じ問題が再発する
A. 根本原因が解決されていない可能性が高いです。エラーログを最初から最後まで確認し、初発の原因を特定してください。

Q. ググったが情報が古い
A. 使用しているフレームワーク・ライブラリのバージョンに合わせた公式ドキュメントを参照することが重要です。

Q. IDE と CLI で動作が違う
A. IDE は自動的に設定を読み込みますが、CLI では明示的に設定を渡す必要があります。

予防策

同じトラブルを繰り返さないために:

  • バージョン管理: pom.xml / build.gradle で依存バージョンを明示
  • 環境ドキュメント化: README に動作環境を明記
  • CI/CD: 自動テストで早期発見
  • ログ整備: 必要なログレベルで運用
  • 定期的なバージョンアップ: セキュリティパッチ含めて適時更新

覚えておきたい用語

  • Tomcat: Apache の Java Servlet コンテナ、Web アプリの実行環境
  • Servlet: Java で Web リクエストを処理するクラス
  • JSP: Java Server Pages、サーバ側で HTML を生成
  • Maven/Gradle: Java のビルドツール
  • Spring: Java の主要フレームワーク
  • JVM: Java 仮想マシン
  • JDK/JRE: 開発キット / 実行環境

参考リンク