Angularjs路由：在浏览器刷新时获取404

Question

我正在使用Angular JS，asp.net web api项目。

当我使用以下网址路由时

http://localhost:3458/Profile

我收到以下错误

描述：HTTP 404.您正在寻找的资源......

但是当我使用以下链接时

http://localhost:3458/#/Profile

我没有收到404错误。

我用Google搜索并查看了同一问题的其他Stack溢出答案，但仍然没有成功。这是我的代码。

appointmentReminderApp.config(function ($routeProvider, $locationProvider, $httpProvider) {
    $httpProvider.interceptors.push('authInterceptorService');
    $locationProvider.html5Mode(true).hashPrefix('!');
    $routeProvider
        // Auth 
        .when("/home", {
            templateUrl: "App/Home.html",
            controller: "HomeController"
        })
        .when("/Register", {
            templateUrl: "App/AuthForm/templates/register.html",
            controller: "authRegisterController"
        })
    .when("/Profile", {
        templateUrl: "App/ProfileForm/templates/profile.html",
        controller: "profileController"
    })
        // All else
        .otherwise({ redirectTo: "/home" });
});

Answer 1

您必须将服务器配置为将http://localhost:3458/Profile的任何请求以及您要路由的任何其他网址发送到您的实际角度应用页面index.html或您的网页。