Blazor Server如何实现baseURI全局变量在所有视图/组件可用

方案1：官方推荐 <base> 标签配置（最优解，无需额外写代码处理路径） #

这是微软官方推荐的子站点部署适配方案，无需手动给每个链接拼接前缀，浏览器会自动基于base标签的href值解析所有相对路径：

1. 打开Pages/_Host.cshtml（.NET 6+ Blazor Server项目），在<head>标签内添加如下代码：

@{
    // 可直接判断运行环境，也可按你原有的路径拆分逻辑取值
    var baseHref = Environment.IsDevelopment() ? "/" : "/Goodwill/";
}
<base href="@baseHref" />

2. 后续所有导航链接直接写相对路径即可，无需加前缀：

<!-- 生产环境自动解析为 /Goodwill/Goodwill，本地自动解析为 /Goodwill -->
<a class="nav-link active" href="Goodwill">Index</a>
<!-- NavLink 组件同理直接写相对路径即可 -->
<NavLink href="Goodwill" Match="NavLinkMatch.All">Index</NavLink>

如果你的生产环境是通过IIS等服务部署为虚拟应用，甚至可以直接写<base href="~/" />，框架会自动解析当前应用的虚拟路径作为根路径，无需手动判断环境。

方案2：全局服务注入（适合需要在C#代码中获取baseURI的场景） #

如果需要在业务逻辑中主动调用这个baseURI值，可以通过注册全局服务实现全组件可用：

1. 新建公共类AppBaseUriProvider.cs：

public class AppBaseUriProvider
{
    public string BaseUri { get; }

    public AppBaseUriProvider(NavigationManager navigationManager)
    {
        var thirdSegment = navigationManager.BaseUri.Split("/")[3];
        BaseUri = thirdSegment.Contains("Goodwill") ? "/Goodwill" : string.Empty;
    }
}

2. 打开Program.cs注册服务：

// 作用域服务和NavigationManager生命周期匹配，适合Blazor Server场景
builder.Services.AddScoped<AppBaseUriProvider>();

3. 打开根目录的_Imports.razor，全局注入该服务，所有组件无需重复注入即可直接调用：

@inject AppBaseUriProvider BaseUriProvider

4. 任意组件/视图中直接使用即可：

<a class="nav-link active" href="@BaseUriProvider.BaseUri/Goodwill">Index</a>

方案3：级联参数传值（适合仅组件层需要调用的场景） #

如果不想新增服务，也可以通过Blazor的级联参数功能把MainLayout里定义的baseURI传递给所有子组件：

1. 修改MainLayout.razor，用CascadingValue包裹@Body，把baseURI作为级联参数传递：

@inject NavigationManager NavigationManager
@inherits LayoutComponentBase
<header>
  <NavMenu />
</header>
<body>    
    <CascadingValue Name="AppBaseUri" Value="@baseURI">
        @Body   
    </CascadingValue>
    <BlazoredToasts />
</body>

<footer class="footer mt-auto py-0 bg-dark">
    <div class="container">
        <span class="text-muted"> &copy; 2021 - Merbag S.A.</span>
    </div>
</footer>
@code{
    public string baseURI;
    protected override void OnInitialized()
    {  
        baseURI = NavigationManager.BaseUri.Split("/")[3];
        if (baseURI.Contains("Goodwill"))
            baseURI = "/Goodwill";
        else
            baseURI = "";
    }
}

2. 任意子组件中声明对应级联参数即可获取值：

@code {
    [CascadingParameter(Name = "AppBaseUri")]
    public string BaseUri { get; set; }
}

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