각도 ui-router에서 # 사용 안함

Question

각도 ui-router의 URL에서 '#'을 어떻게 제거합니까?

app.config(['$locationProvider', function($locationProvider) { 
    $locationProvider.html5Mode(true); 
}]); 

위의 것은 작동하지 않습니다. ui-sref 속성을 클릭 할 때 작동하지만 직접 링크로 가고 싶을 때 작동하지 않습니다.

예 : http://www.example.com에 있고 ui-sref = "about"인 요소를 클릭하면 http://www.example.com/about으로 연결됩니다. 하지만 URL을 입력하여 http://www.example.com/about에 도착하면 오류가 발생합니다.

Answer 1

각도 응용 프로그램은 단일 페이지 응용 프로그램입니다.

기본적으로 해시는 앱의 라우터를 탐색 할 때 앱에 의해 제거됩니다 (해당 라우터를 $locationProvider.html5Mode(true)으로 구성했기 때문에).

하지만 브라우저에 URL을 입력하면 각도 앱의 외부가됩니다. 경로 /about은 기술적으로 존재하지 않습니다. 귀하의 URL에 http://www.example.com/#/about을 입력 해보십시오. #이 제거됩니다.