ASP.NET与angular结合使用时刷新路由时HTML无法加载
创始人
2024-09-19 18:31:51
0

这个问题可能是因为ASP.NET使用的是后端路由,而angular使用的是前端路由,两者不兼容导致的。解决方法是在ASP.NET中添加一个路由,将所有请求都指向angular的index.html文件即可。

具体的代码实现如下:

在ASP.NET的Startup.cs文件中添加以下代码:

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

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

这段代码的作用是检查当前请求是否是一个静态资源,如果不是则将请求路径重定向到angular的index.html文件。

然后在angular的index.html文件中添加以下代码:


这段代码的作用是指定angular的基本URL,以保证路由能够正常工作。

这样就可以解决ASP .NET与angular结合使用时刷新路由时HTML无法加载的问题。

相关内容

热门资讯

科技分享!微乐自建房辅助工具脚... 科技分享!微乐自建房辅助工具脚本,微乐家乡麻将自建房辅助app(开挂自建房)脚本微乐家乡麻将自建房辅...
普及知识!微信雀神麻将挂件开挂... 普及知识!微信雀神麻将挂件开挂辅助,微乐自建房脚本免费入口(开挂自建房)插件1、操作简单,无需微信雀...
一分钟揭秘!微乐家乡麻将自建房... 一分钟揭秘!微乐家乡麻将自建房辅助app,微乐自建房脚本免费入口(开挂自建房)脚本1、打开软件启动之...
热门推荐!微乐家乡麻将自建房辅... 热门推荐!微乐家乡麻将自建房辅助app,微乐家乡麻将自建房辅助app(开挂自建房)攻略1、微乐家乡麻...
发现一款!微乐自建房辅助工具,... 发现一款!微乐自建房辅助工具,微乐小程序免费黑科技(开挂自建房)软件1、全新机制【微乐自建房辅助工具...
揭秘一下!微乐家乡麻将自建房辅... 揭秘一下!微乐家乡麻将自建房辅助app,微乐自建房脚本免费入口(开挂自建房)攻略在进入微乐家乡麻将自...
分享给玩家!微乐自建房辅助工具... 分享给玩家!微乐自建房辅助工具挂,微乐小程序免费黑科技(开挂自建房)教程1、下载好微乐自建房辅助工具...
实测揭晓!微乐家乡麻将自建房辅... 实测揭晓!微乐家乡麻将自建房辅助app,微乐家乡麻将自建房辅助app(开挂自建房)插件1、进入游戏-...
终于知道!微信卡五星辅助器,微... 终于知道!微信卡五星辅助器,微乐小程序免费黑科技(开挂自建房)插件1、完成微信卡五星辅助器有辅助插件...
今日百科!微乐自建房辅助工具插... 今日百科!微乐自建房辅助工具插件,微乐自建房脚本免费入口(开挂自建房)工具1、微乐自建房辅助工具插件...