Maison  >  Article  >  interface Web  >  Comment s'assurer que JavaScript connaît l'URL racine de votre application dans différents scénarios de déploiement ?

Comment s'assurer que JavaScript connaît l'URL racine de votre application dans différents scénarios de déploiement ?

DDD
DDDoriginal
2024-10-30 10:40:02425parcourir

How to Ensure JavaScript Knows Your Application's Root URL in Different Deployment Scenarios?

Assurer la connaissance JavaScript de l'URL racine de l'application

Pour permettre à JavaScript d'accéder correctement à l'URL racine de l'application, envisagez les approches suivantes :

1. Utilisation du caractère initial / :

Pour obtenir l'URL racine/base, ajoutez "/" comme premier caractère de l'URL.

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

2. Utilisation des méthodes d'assistance MVC :

Pour obtenir plus que la racine de l'application (par exemple, des URL spécifiques générées via les méthodes d'assistance MVC), utilisez l'assistant Url.Content dans vos vues Razor.

<code class="javascript"><script>
    var myApp = myApp || {};  
    myApp.Urls = myApp.Urls || {};
    myApp.Urls.baseUrl = '@Url.Content("~")';
    myApp.Urls.jobIndexUrl= '@Url.Action("GetIndex","jobs")';
</script>
<script src="~/Scripts/PageSpecificExternalJsFile.js"></script></code>

Dans PageSpecificExternalJsFile.js :

<code class="javascript">var urlToJobIndex= myApp.Urls.jobIndexUrl;
var urlToJobIndex2= myApp.Urls.baseUrl+"jobs/GetIndex";</code>

3. Intégration AngularJS :

Pour AngularJS, créez un objet d'espace de noms JavaScript et utilisez le fournisseur de valeur Angular pour injecter l'URL racine de l'application dans vos contrôleurs/services/directives. Reportez-vous au lien fourni pour une explication détaillée et des exemples de code.

Ces approches garantissent que JavaScript connaît l'URL racine de l'application, permettant une construction d'URL appropriée dans différents scénarios de déploiement, à la fois localement et sur le sous-dossier déployé.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn