asp.net-mvc - Angular 2 - 使用 ASP.NET MVC 进行路由

Question

我正在尝试将 ASP.NET MVC(非核心)与 AngularJS 2 一起使用，但在路由方面遇到了一些问题。

首先在 RouteConfig.cs 中，我定义了以下路由

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

// when the user types in a link handled by client side routing to the address bar 
// or refreshes the page, that triggers the server routing. The server should pass 
// that onto the client, so Angular can handle the route
routes.MapRoute(
    name: "spa-fallback",
    url: "{*url}",
    defaults: new { controller = "Home", action = "Index" }
);

在我的 app.route.ts( Angular 路线)中，我刚刚定义了几条路线。我的默认路由重定向到另一条路由，如

export const router: Routes = [{
        path: '',
        redirectTo: 'auctions/e231',
        pathMatch: 'full'
    },
    {
        path: 'auctions/:id',
        component: AuctionComponent,
        children: []
    }
];

当我运行该应用程序时，我的服务器路由/Home/Index 正常运行，它加载了 Angular 应用程序，我的 app.route.ts 中的默认路由将我重定向到 auctions/e231 并且我的浏览器的最终 URL 变为

http://localhost:53796/auctions/e231

一切都按预期工作，但是当我使用此 URL 刷新页面时，我收到未找到资源的服务器错误，这也是预期的，因为它会查找 MVC 中不存在的名为 Auctions 的 Controller 。我想知道为什么我在 RouteConfig.cs 中的 spa-fallback 路由没有被接收到？在 asp.net mvc 中还有更好的方法来处理这种情况，因为我希望能够使用我的 MVC Controller 的一些操作，如/Account/Login 和其他操作。

Answer 1

问题是，当您刷新页面时，将使用第一个路由，因为它会尝试获取名为 Auctions 的 Controller 。如果你删除第一个路由配置(默认)并且只使用第二个(spa-fallback)，它会工作正常，这就是我在我的项目中使用的方式，只在 spa-fallback 之前放置你想要重定向到其他的其他 mvc 路由MVC Controller 。