angularでのルートパス設定方法？

Question

現在angularJSを使った開発をしておりますが、異なる環境でのルートパス指定方法がわからず困っております。

index.html(最初に読み込まれるトップ画面）にて、

<script src="/app/scripts/app.js"></script>

といったように、必要なコントローラ.jsなどを読み込んでおりますが、localと他サーバーでベースのURLが変わってしまうため、必要なjsファイルなどを読み込むことができません。

開発時はhttp://localhost:8080/から読み込みたい。
本番時はhttp://AAA.com/BBB/から読み込みたい。

scriptタグを環境にあわせて書き換えたくないなと思い、何か良い方法があればご教授いただきたく。

Answer 1

ベースのURLが変わっても影響しないように、相対パスにしてはいかがでしょうか。

<script src="scripts/app.js"></script>

Comments

[hideboow6]

コメントありがとうございます。
今回は<base>タグを使用して、開発環境、本番環境のベースURLを/BBB/に揃えて対応してみました。
ご指摘の通り、各コントローラファイルのパスは相対パスとすることでうまくいきました