ASP.NET Core 6托管Angular应用时<base href>为何无法正确加载脚本？

核心问题出在<base href="/ngxapp">的写法上——它缺少了结尾的斜杠，导致浏览器对相对URL的解析逻辑不符合预期。

根据URL解析规则，当<base>的href值不以斜杠结尾时，浏览器会将其视为文件路径而非目录路径。此时相对路径会替换掉base href的最后一段（也就是"ngxapp"），所以你写的src="runtime.7cef1b4acdcbe752.js"会被解析成/runtime.7cef1b4acdcbe752.js，而非预期的/ngxapp/runtime.7cef1b4acdcbe752.js。

修复步骤 #

1. 修正<base>标签的写法 #

给href值加上结尾的斜杠，确保浏览器将其识别为目录路径：

<base href="/ngxapp/">

2. 调整ASP.NET Core配置，匹配Angular的部署路径 #

（1）确认文件放置位置

将Angular打包后的所有文件（包括index.html、js脚本、静态资源）放到ASP.NET Core项目的wwwroot/ngxapp目录下。

（2）配置静态文件中间件

默认的UseStaticFiles只会映射wwwroot根目录的文件，需要添加路径前缀配置，让/ngxapp开头的请求指向wwwroot/ngxapp目录：

app.UseStaticFiles(new StaticFileOptions
{
    RequestPath = "/ngxapp"
});

（3）修正404重写逻辑

原逻辑将无扩展名的404请求导向根目录，现在需要改为导向/ngxapp，确保Angular路由能正确加载子目录下的index.html：

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

    await next();

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

（4）配置默认文件中间件

让默认文件请求（比如访问/ngxapp时）返回对应目录下的index.html：

app.UseDefaultFiles(new DefaultFilesOptions
{
    RequestPath = "/ngxapp",
    DefaultFileNames = new List<string> {"index.html"}
});

3. （可选）Angular打包时直接指定base href #

避免手动修改index.html，打包时加上--base-href参数：

ng build --base-href /ngxapp/

内容的提问来源于stack exchange，提问作者AlexB