AngularJS URL에서 # 해시를 어떻게 제거할 수 있나요?

"#" 해시 없이 AngularJS URL 탐색

AngularJS에서 경로는 $routeProvider 서비스를 사용하여 정의됩니다. 기본적으로 AngularJS는 컨트롤러 및 템플릿의 시작 부분에 해시 문자(#)를 추가합니다. URL, "app/test" 대신 "app/#/test"와 같은 경로가 생성됩니다.

왜 해시가 필요한가요?

해시는 비- HTML5 브라우저는 해시가 포함된 URL을 서버 요청이 아닌 클라이언트측 변경 사항으로 해석하므로 AngularJS가 다시 로드하지 않고도 라우팅을 제어할 수 있습니다.

해시 제거

해시를 방지하려면 $locationProvider.html5Mode(true) 메소드를 사용하면 됩니다. 이 메소드는 HTML5 기록 API를 활성화합니다. 해시 없이 URL 재작성을 허용합니다.

브라우저 지원

HTML5 기록 API는 모든 브라우저에서 지원되지 않습니다. 다음 목록은 지원하는 브라우저를 보여줍니다. 그것:

• Chrome
• Firefox
• Safari
• Opera
• Edge (Microsoft)

구현

AngularJS URL에서 해시를 제거하려면 다음 단계를 따르세요.

1. $locationProvider를 추가하세요. html5Mode(true)를 앱 구성에 적용하세요. 블록:

angular.module('myApp').config(['$locationProvider', function($locationProvider) {
  $locationProvider.html5Mode(true);

2. Ensure that your server is configured to handle URL rewriting for HTML5 mode.

위 내용은 AngularJS URL에서 # 해시를 어떻게 제거할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!