Comprendre la modification d'URL pour les sous-dossiers d'application

Lors du développement d'une application MVC déployée dans un sous-dossier, il est essentiel de s'adapter au changement dans le URL de base. Cela garantit que les références et les URL JavaScript fonctionnent correctement dans les environnements locaux et déployés.

Solution pour déterminer la racine de l'application

Pour déterminer l'URL racine et modifier JavaScript en conséquence, il existe deux approches :

Approche simple :

• Utilisez le caractère « / » de début dans votre URL JavaScript.
• Par exemple, lorsque vous référencez le « JobsController » à partir d'une application MVC déployée dans le sous-dossier « Jobs », utilisez l'URL « /jobs/GetIndex » au lieu de « http://site/jobs/GetIndex ».

Approche globale :

• Exploitez la méthode d'assistance Url.Content de la vue Razor pour générer l'URL de base de l'application.
• Instancier un objet d'espace de noms JavaScript et attribuer l'URL de base de l'application. à une variable.
• Utilisez la variable attribuée en JavaScript pour construire d'autres URL.

Exemple d'utilisation de Razor View et de JavaScript :

// Razor View (Layout file or specific view)


// PageSpecificExternalJsFile.js
var urlToJobIndex= myApp.Urls.jobIndexUrl; // Access the specific action URL
var urlToJobIndex2= myApp.Urls.baseUrl "jobs/GetIndex"; // Construct a relative URL using the app base URL

Approche AngularJS :

Pour les projets AngularJS, utilisez le fournisseur de valeur Angular pour injecter l'URL racine de l'application dans vos contrôleurs, services ou directives, garantissant ainsi la disponibilité des URL relatives correctes.