>웹 프론트엔드 >JS 튜토리얼 >하위 폴더에 배포된 MVC 애플리케이션의 URL 수정을 어떻게 관리합니까?

하위 폴더에 배포된 MVC 애플리케이션의 URL 수정을 어떻게 관리합니까?

Barbara Streisand
Barbara Streisand원래의
2024-10-29 08:10:03901검색

How do you manage URL modifications for MVC applications deployed to subfolders?

응용 프로그램 하위 폴더의 URL 수정 이해

하위 폴더에 배포되는 MVC 응용 프로그램을 개발할 때 기본 URL. 이렇게 하면 JavaScript 참조 및 URL이 로컬 환경과 배포 환경 모두에서 올바르게 작동합니다.

애플리케이션 루트 결정 솔루션

루트 URL을 결정하고 그에 따라 JavaScript를 수정하려면, 두 가지 접근 방식이 있습니다.

간단한 접근 방식:

  • JavaScript URL에서 선행 '/' 문자를 활용하세요.
  • 예를 들어, 'Jobs' 하위 폴더에 배포된 MVC 애플리케이션에서 'JobsController'를 참조할 때 "http://site/jobs/GetIndex" 대신 "/jobs/GetIndex" URL을 사용하십시오.

포괄적 접근 방식:

  • Razor 보기의 Url.Content 도우미 메서드를 활용하여 앱 기본 URL을 생성합니다.
  • JavaScript 네임스페이스 개체를 인스턴스화하고 앱 기본 URL을 할당합니다.
  • 다른 URL을 구성하려면 JavaScript에서 할당된 변수를 사용하세요.

Razor View 및 JavaScript를 사용하는 예:

// Razor View (Layout file or specific view)
<script>
    var myApp = myApp || {}; // Create or extend the myApp namespace
    myApp.Urls = myApp.Urls || {}; // Create or extend the Urls object within myApp
    myApp.Urls.baseUrl = '@Url.Content("~")'; // Assign the app base URL to the baseUrl property
    myApp.Urls.jobIndexUrl = '@Url.Action("GetIndex","jobs")'; // Assign the specific action URL to the jobIndexUrl property
</script>

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

AngularJS 접근 방식:

AngularJS 프로젝트의 경우 Angular 값 공급자를 활용하여 애플리케이션 루트 URL을 컨트롤러, 서비스 또는 지시문에 삽입하여 올바른 상대 URL의 가용성을 보장합니다.

위 내용은 하위 폴더에 배포된 MVC 애플리케이션의 URL 수정을 어떻게 관리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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