角度ベースhrefタグ

クズども · 掲載地 2020/03/05 21:14:07

ベースタグ

HTMLの<base href="..."/>は、画像、スクリプト、スタイルシートなどの相対パスを解決するためのベースアドレスを指定するために使われます。例えば、<base href="/my/app/">を指定すると、ブラウザはsome/place/foo.jpgのようなURLをサーバー側のmy/app/some/place/foo.jpgへのリクエストに解析します。ブラウジング中、Angularルーターはコンポーネント、テンプレート、モジュールファイルのベースアドレスとしてベースhrefを使用します。

開発中は通常、index.htmlが存在するディレクトリでサーバーを起動します。このディレクトリがルートディレクトリであり、/がこのアプリケーションのルートなので、<base href="/" >をindex.htmlの上部に追加する必要があります。

ただし、共有サーバーや本番サーバーでは、サブディレクトリからサーバーを起動する必要がある場合があります。例えば、このアプリケーションのURLを読み込むとhttp://www.mysite.com/my/app/サブディレクトリはmy/app/で、index.htmlサーバー版に<base href="/my/app/" >を追加する必要があります。

ベースタグが設定されていないと、アプリが読み込まれず、これらの欠落ファイルに対してブラウザのコンソールに404 - Not Foundエラーが表示されます。ブラウザがこれらのファイルを探している場所を見て、適切なベースタグを調整してください。

[角] 角度ベースhrefタグ

関連記事

閲覧したセクション