gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 17:17:47 24 4
gpt4 key购买 nike

我正在尝试将 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 和其他操作。

最佳答案

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

关于asp.net-mvc - Angular 2 - 使用 ASP.NET MVC 进行路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41318376/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com