在AngularJS中启用html5Mode后投掷不会出错

Question

我在我的应用程序中使用 UI-Router 来处理路由/状态，并且 URL 带有“#”，所以要删除它，我使用了 $locationProvider 之类的 -

function configState($stateProvider, $urlRouterProvider, $locationProvider) {

    $locationProvider.html5Mode(true);

在模块依赖中添加了ngRoute，并在我的index.html中添加了<base href="/" >。

问题 -

如果我像在同一个选项卡中一样将它用作普通应用程序并导航到其他状态，那么只要我将 URL 粘贴到另一个选项卡并点击输入它的抛出 Cannot GET /app_views/contacts URL 时，它就会工作但是喜欢-http://localhost:9000/app_views/contacts

虽然 URL 中有哈希，但它可以双向工作。

Answer 1

您可能会收到此错误，因为您的服务器配置不正确。换句话说，当您手动输入/app_views/contacts 时，它将向该页面的服务器发出请求。为了使其正常工作，您需要配置您的服务器以将所有流量路由到您的 index.html 页面，以便 Angular 正确接管并显示正确的视图。

这是一个相关的帖子Reloading the page gives wrong GET request with AngularJS HTML5 mode