Angular html5mode 无法按预期工作

Question

在我的 angular 应用中，所有的 URL 都是这样的：

testsite.com/#/standard-page

我希望他们像：

testsite.com/standard-page

我已经阅读了关于将 html5mode 添加到我的配置中的内容，我现在有了这个：

angular.module('myApp').config(['$stateProvider', '$urlRouterProvider', '$locationProvider', config]);

function config($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode(true);

    $stateProvider
        .state('index', {
            url: '/',
            templateUrl: siteInfo.templateRoot + '/startPage.html',
        })
        .state('standard-page', {
            resolve: {
                standardPageData: getStandardPageData
            },
            url: '/standard-page',
            templateUrl: siteInfo.templateRoot + '/standardPage.html',
            controller: 'StandardPageController',
            controllerAs: 'StandardPageCtrl'
        });
};

我将<base href="/">到我的头上，但它还没有完全按预期工作。

当我在浏览器中访问testsite.com/#/standard-page ，它会加载页面，然后将 URL 修改为地址栏中的testsite.com/standard-page 。 但是，如果我直接输入“testsite.com/standard-page”，它会给我一个 404。

所以我快到了，只是还没到。 有什么想法我可能忘记在这里做什么了吗？

Answer 1

Angular 无法完成所有工作。 当您编写testsite.com/standard-page ，您的服务器必须处理请求并正确响应。 您的服务器响应 404，因此您的浏览器无法显示任何内容。