>웹 프론트엔드 >JS 튜토리얼 >다양한 배포 시나리오에서 JavaScript가 애플리케이션의 루트 URL을 알고 있는지 확인하는 방법은 무엇입니까?

다양한 배포 시나리오에서 JavaScript가 애플리케이션의 루트 URL을 알고 있는지 확인하는 방법은 무엇입니까?

DDD
DDD원래의
2024-10-30 10:40:02491검색

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

애플리케이션 루트 URL에 대한 JavaScript 인식 보장

JavaScript가 애플리케이션의 루트 URL에 올바르게 액세스할 수 있도록 하려면 다음 접근 방식을 고려하십시오.

1. 이니셜/문자 사용:

루트/기본 URL을 얻으려면 URL의 첫 번째 문자로 "/"를 추가하세요.

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

2. MVC 도우미 메서드 활용:

앱 루트 이상의 정보(예: MVC 도우미 메서드를 통해 생성된 특정 URL)를 얻으려면 Razor 뷰에서 Url.Content 도우미를 사용하세요.

<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>

PageSpecificExternalJsFile.js에서:

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

3. AngularJS 통합:

AngularJS의 경우 JavaScript 네임스페이스 객체를 생성하고 Angular 값 공급자를 활용하여 애플리케이션 루트 URL을 컨트롤러/서비스/지시문에 삽입합니다. 자세한 설명과 코드 샘플은 제공된 링크를 참조하세요.

이러한 접근 방식을 사용하면 JavaScript가 애플리케이션의 루트 URL을 인식하여 로컬 및 배포된 하위 폴더 모두에서 다양한 배포 시나리오에서 적절한 URL을 생성할 수 있습니다.

위 내용은 다양한 배포 시나리오에서 JavaScript가 애플리케이션의 루트 URL을 알고 있는지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.