ASP.NET Core w/Angular 模板 - httpget 路由被 Angular 捕获 - 无法匹配任何路由。
创始人
2024-09-15 12:30:45
0

问题描述: 在使用 ASP.NET Core w/Angular 模板时,当使用 httpget 路由时,路由被 Angular 捕获,无法匹配任何路由。

解决方法:

  1. 确保在使用 Angular 路由时,将所有路由重定向到 ASP.NET Core 的路由。
  2. 在 Startup.cs 文件中添加以下代码,以确保所有请求都由 ASP.NET Core 处理:
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    // ...

    app.Use(async (context, next) =>
    {
        await next();

        if (context.Response.StatusCode == 404 && !Path.HasExtension(context.Request.Path.Value))
        {
            context.Request.Path = "/index.html";
            await next();
        }
    });

    app.UseMvcWithDefaultRoute();

    // ...
}

以上代码将在请求无法匹配到任何路由时,将请求路径重定向到 index.html 页面,以便由 Angular 处理。

  1. 确保在 Angular 的 app.module.ts 文件中配置正确的路由。例如:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  // 其他路由配置
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

确保将正确的组件与对应的路由路径匹配。

  1. 确保在 Angular 的 app.component.html 文件中正确设置 ,以便正确显示对应的组件。

使用以上解决方法可以解决 ASP.NET Core w/Angular 模板中 httpget 路由被 Angular 捕获的问题。

相关内容

热门资讯

第十分钟辅助!顺欣茶楼辅助软件... 第十分钟辅助!顺欣茶楼辅助软件,上品游戏辅助软件(一分钟了解开挂辅助工具);1、超多福利:超高返利,...
1分钟辅助!潮汕汇鱼虾蟹辅助,... 1分钟辅助!潮汕汇鱼虾蟹辅助,潮友潮汕木虱辅助(透视教程开挂辅助下载);潮友潮汕木虱辅助免费下载原版...
第9分钟辅助!蘑菇云辅助怎么使... 第9分钟辅助!蘑菇云辅助怎么使用,微信呢小程序微乐房间怎么开挂(我来分享开挂辅助工具);大家肯定在之...
第七分钟辅助!wepoker辅... 【福星临门,好运相随】;第七分钟辅助!wepoker辅助器是真的吗,闲逸斗地主辅助(透视app开挂辅...
八分钟辅助!智星菠萝可以辅助吗... 【福星临门,好运相随】;八分钟辅助!智星菠萝可以辅助吗,新道游开挂辅助透视(重大通报开挂辅助神器);...
辅助开挂!四川游戏家园辅助软件... 辅助开挂!四川游戏家园辅助软件,hhpkoer辅助器(透视)开挂辅助软件(有人有挂);1、不需要AI...
辅助开挂!博雅红河西元红河破解... 辅助开挂!博雅红河西元红河破解版,德州透视是真的吗(透视)开挂辅助平台(新版有挂);博雅红河西元红河...
开挂辅助!好友赣南新版本可以作... 开挂辅助!好友赣南新版本可以作假吗,hhpoker免费透视脚本(透视)开挂辅助神器(讲解有挂);小薇...
开挂辅助!微乐小程序辅助,德州... 开挂辅助!微乐小程序辅助,德州局hhpoker(透视)开挂辅助工具(有挂辅助);1、让任何用户在无需...
开挂辅助!雀友会潮汕麻将开挂辅... 开挂辅助!雀友会潮汕麻将开挂辅助,wepoker永久免费脚本(透视)开挂辅助软件(的确有挂);1、很...