Comment définir l'URL racine d'application correcte pour JavaScript dans les projets MVC ?

Comment configurer une URL racine d'application pour JavaScript

Dans un projet MVC, JavaScript fait référence aux URL par rapport à la racine de l'application. Cela peut entraîner des problèmes lors du déploiement de l'application dans un sous-dossier. Pour résoudre ce problème, il existe plusieurs approches.

Utiliser des URL absolues

Pour les URL qui doivent toujours commencer par la racine de l'application, envisagez d'utiliser des chemins absolus.

<code class="javascript">var urlToJobIndex2 = "/jobs/GetIndex";</code>

Utilisez l'assistant Url.Content

Utilisez la méthode d'assistance Url.Content dans vos vues Razor pour générer l'URL de base et la stocker dans une variable JavaScript.

<code class="csharp">@Url.Content("~")</code>

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

URL d'action spécifiques avec des aides d'url

Si vous faites référence à des méthodes d'action spécifiques, utilisez les méthodes d'assistance Url.Action ou Url.RouteUrl.

<code class="csharp">@Url.Action("GetIndex", "Jobs")</code>

<code class="javascript">var myApp = myApp || {};
myApp.Urls = myApp.Urls || {};
myApp.Urls.jobIndexUrl = '@Url.Action("GetIndex", "Jobs")';</code>

Conclusion

En implémentant l'une de ces approches, JavaScript peut être configuré pour accéder correctement aux ressources à partir de la racine de l'application dans les environnements locaux et 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!