異なる展開環境で JavaScript 参照が正しい URL であることを確認するにはどうすればよいですか?

JavaScript でのアプリケーション ルートの決定

MVC プロジェクトでは、JavaScript はプロジェクト構造に基づいて特定の URL を参照します。ただし、アプリケーションがデプロイされると、アプリケーションのルートが変更され、誤った参照が発生する可能性があります。この記事では、JavaScript がローカル環境とデプロイされた環境の両方でアプリケーション ルートを確実に認識できるようにする方法の問題について説明します。

この問題を解決するには、主に 2 つのアプローチがあります。

1 。ルート文字「/」の使用

アプリケーションのルート URL のみを他の URL に追加する必要がある場合は、URL の最初の文字として「/」を使用します。例:

var urlToJobIndex2 = "/jobs/GetIndex";

2. ASP.NET MVC ヘルパー メソッドの使用

より複雑なシナリオの場合は、ASP.NET MVC ヘルパー メソッドを利用して正しい URL を生成できます。 Razor ビューで、JavaScript 名前空間を定義し、Url.Content ヘルパー メソッドを使用してアプリケーション ルート URL を JavaScript 変数に割り当てます。

<script>
    var myApp = myApp || {};
    myApp.Urls = myApp.Urls || {};
    myApp.Urls.baseUrl = '@Url.Content("~")';
</script>

外部 JavaScript ファイルでは、アプリケーション ルート URL にアクセスできます。 myApp.Urls.baseUrl 変数を使用します。例:

var urlToJobIndex2 = myApp.Urls.baseUrl + "jobs/GetIndex";

これらのアプローチを採用すると、展開環境に関係なく、JavaScript がアプリケーションの正しい URL を参照するようにできます。

以上が異なる展開環境で JavaScript 参照が正しい URL であることを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。