Comment garantir que les références JavaScript corrigent les URL dans différents environnements de déploiement ?

Détermination de la racine de l'application en JavaScript

Dans un projet MVC, JavaScript fait référence à des URL spécifiques en fonction de la structure du projet. Cependant, lorsque l'application est déployée, la racine de l'application peut changer, entraînant des références incorrectes. Cet article aborde la question de savoir comment garantir que JavaScript connaît la racine de l'application dans les environnements locaux et déployés.

Pour résoudre ce problème, il existe deux approches principales :

1 . Utilisation du caractère racine "/"

Si vous avez uniquement besoin que l'URL racine de l'application soit ajoutée à d'autres URL, utilisez "/" comme premier caractère de votre URL. Par exemple :

var urlToJobIndex2 = "/jobs/GetIndex";

2. Utilisation des méthodes d'assistance ASP.NET MVC

Pour des scénarios plus complexes, vous pouvez utiliser les méthodes d'assistance ASP.NET MVC pour générer les URL correctes. Dans votre vue Razor, définissez un espace de noms JavaScript et utilisez la méthode d'assistance Url.Content pour attribuer l'URL racine de l'application à une variable JavaScript :

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

Dans votre fichier JavaScript externe, vous pouvez accéder à l'URL racine de l'application. en utilisant la variable myApp.Urls.baseUrl. Par exemple :

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

En adoptant ces approches, vous pouvez vous assurer que votre JavaScript référence les URL correctes pour votre application, quel que soit l'environnement de déploiement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!