Angular-ASPnet - 路由失败

Question

身份验证后，我需要访问我的主页。 我的控制器 Angular：

$window.location.href = 'Home/Index';

然后到达我的索引页面，我收到以下错误：

我不明白这个错误，我的 URL 是正确的。 谢谢 更多详情：

我有一个可供我登录的起始页（RouteConfig.cs）：

      name: "Default",
                url: "{controller}/{action}/{id}",
               defaults: new { controller = "Login", action = "Authentification", id = UrlParameter.Optional }

通过身份验证后，我必须转到包含几页内容的应用程序的主页，主页和登录页面是不同的模块。这是转到我的主页的脚本： 在我的主页中，首先应该显示的是主页，根据下面的脚本：

    $routeProvider.otherwise(
                    {
                        redirectTo: '/HomePage'
                    });

我的问题是我可以看到我的主页，但我没有看到内容页面“主页”。（错误 404 加载模板失败）

但是如果我更改 RouteConfig.cs ，它就可以了：

 routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
               defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
               
            );

我的问题是从我的登录页面到我的主页。 ASP 控制器一切正常

配置 $rootProvider ：

var MainApp = angular.module("MainApp",
    [
        "ngRoute",
        "GlobalParamServices",
        "HomePageApp",
        "ListCollaborateurApp",
        "CollaborateurServices",
        "ShowEditCollaborateurApp",
        "AddNewCollaborateurApp",
        "ListRoleApp",
        "ShowEditRoleApp",
        "AddNewRoleApp"
    ]);

//Showing Routing
MainApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    debugger;
    //Main
    $routeProvider.otherwise(
                    {
                        redirectTo: '/HomePage'
                    });
    $routeProvider.when('/HomePage',
                        {
                            templateUrl: 'Home/HomePage',
                            controller: 'HomePageController'
                        });
    //Collaborateur
    $routeProvider.when('/ListCollaborateur',
                        {
                            templateUrl: 'Collaborateur/ListCollaborateur',
                            controller: 'ListCollaborateurController'
                        });
    $routeProvider.when('/AddNewCollaborateur',
                        {
                            templateUrl: 'Collaborateur/AddNewCollaborateur',
                            controller: 'AddNewCollaborateurController'
                        });
    $routeProvider.when('/ShowEditCollaborateur',
                       {
                           templateUrl: 'Collaborateur/ShowEditCollaborateur',
                           controller: 'ShowEditCollaborateurController'
                       });

    //Role
    $routeProvider.when('/ListRole',
                   {
                       templateUrl: 'Role/ListRole',
                       controller: 'ListRoleController'
                   });
    $routeProvider.when('/AddNewRole',
                    {
                        templateUrl: 'Role/AddNewRole',
                        controller: 'AddNewRoleController'
                    });

    $routeProvider.when('/ShowEditRole',
                      {
                          templateUrl: 'Role/ShowEditRole',
                          controller: 'ShowEditRoleController'
                      });



    //$locationProvider.html5Mode(true).hashPrefix('!')
}]);

您对此案有解决方案吗？ 谢谢，

Answer 1

Angular 抱怨无法从服务器加载模板。您需要在 HomeController 中为 HomePage 添加操作，以便 ASP.NET MVC 返回视图。

public class HomeController : Controller
{
    public ActionResult HomePage()
    {
        return View();
    }
}