ASP.NET MVC Core 2 Area内导航链接URL错误，求根目录指向方案

这个问题我之前在做Area共用主布局时也踩过坑——当进入Admin Area后，路由上下文会默认把当前的Admin Area作为路由生成的默认参数，导致主布局里的所有链接自动带上这个前缀，最终指向错误的URL。下面给你几个优雅的解决方案，按简洁实用度排序：

1. 使用根路径URL（最直接省心） #

直接用Url.Content("~/路径")生成基于站点根目录的URL，这种方式完全不受当前Area上下文的影响，适合所有主站链接：

<a href="@Url.Content("~/Account/Index")">我的账户</a>
<a href="@Url.Content("~/Home/About")">关于我们</a>

对于Admin Area内部的链接，同样可以用这种方式确保路径精准：

<a href="@Url.Content("~/Admin/Users/Index")">用户管理</a>

2. 显式指定空Area参数（路由友好型） #

如果你更习惯用MVC原生的路由生成方法（比如Html.ActionLink或Url.Action），可以在生成链接时显式传递area = ""来覆盖默认的Area上下文：

@Html.ActionLink("我的账户", "Index", "Account", new { area = "" }, null)
@Url.Action("About", "Home", new { area = "" })

而Admin Area内部的链接，要么省略Area参数（会自动继承当前Area），要么显式指定确保准确性：

@Html.ActionLink("用户管理", "Index", "Users", new { area = "Admin" }, null)

3. 自定义TagHelper（批量处理利器） #

如果你的布局里有大量链接，不想逐个修改，可以自定义一个TagHelper来自动处理Area参数：

1. 创建自定义TagHelper类：

using Microsoft.AspNetCore.Mvc.TagHelpers;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;

[HtmlTargetElement("a", Attributes = "asp-controller, asp-action")]
public class RootAreaLinkTagHelper : AnchorTagHelper
{
    public RootAreaLinkTagHelper(IHtmlGenerator generator) : base(generator)
    {
    }

    [HtmlAttributeName("asp-root-link")]
    public bool IsRootLink { get; set; }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        if (IsRootLink)
        {
            RouteValues["area"] = "";
        }
        base.Process(context, output);
    }
}

2. 在_ViewImports.cshtml中注册这个TagHelper（替换成你的项目程序集名称）：

@addTagHelper *, YourProjectAssemblyName

3. 在布局的主站链接上使用asp-root-link="true"标记：

<a asp-action="Index" asp-controller="Account" asp-root-link="true">我的账户</a>

这种方式一劳永逸，适合链接数量多的大型项目。

总结 #

链接不多的话，用方法1或2就足够优雅；如果链接数量大，方法3能帮你节省大量重复工作。核心思路都是覆盖当前Area的默认路由参数，确保主站链接始终基于站点根目录生成。

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