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 捕获的问题。

相关内容

热门资讯

大家学习交流!wepoker透... 大家学习交流!wepoker透视苹果系统,德普之星辅助工具如何设置,好像是有挂(有挂详细)运辅助工具...
安装程序教程!wepokerp... 安装程序教程!wepokerplus万能挂,wpk透视插件,切实是真的有挂(有挂分析)1、玩家可以在...
推荐十款!wepoker如何设... 推荐十款!wepoker如何设置透视,wepoker智能辅助插件,竟然是真的有挂(有挂助手)1、we...
推荐十款!wepoker手机版... 推荐十款!wepoker手机版透视脚本,wepoker游戏下载,好像存在有挂(有挂秘笈)1、操作简单...
一分钟了解!德州透视插件,we... 一分钟了解!德州透视插件,wepoker私人局辅助器怎么用,切实是真的有挂(确实有挂)暗藏猫腻,小编...
推荐一款!德普之星透视辅助,w... 推荐一款!德普之星透视辅助,wepoker软件靠谱么,果然有挂(有挂方法)1、这是跨平台的轻量版有透...
发现一款!wepoker有没有... 发现一款!wepoker有没有透视方法,扑克之星辅助,其实是有挂(有挂教程)1、任何透视是真的假的的...
重大推荐!德州透视插件,pok... 重大推荐!德州透视插件,pokemmo手机版脚本,一贯真的有挂(新版有挂)1、用户打开应用后不用登录...
玩家交流!wepoker轻量版... 玩家交流!wepoker轻量版辅助,wepoker软件辅助程序,果然真的有挂(详细教程)1. 选牌创...
玩家攻略推荐!pokemmo手... 玩家攻略推荐!pokemmo手机辅助软件,hhpoker底牌透视脚本,真是真的是有挂(有挂教程)一、...