I'm trying to implement an `Area` for Administrators within my ASP.Net MVC Core 2 application. 

I have configured the route for the area as follows:

```
// Default route
app.UseMvc(routes =>
{
     routes.MapRoute(
         name: "default",
         template: "{controller=Home}/{action=Index}/{id?}");
});

// Admin area route
app.UseMvc(routes =>
{
    routes.MapRoute(
        name: "admin",
        template: "{area=Admin}/{controller=Home}/{action=Index}/{id?}");
});

```

This all works pretty well. 

This Admin `area` uses the same `Layout` as the main website albeit that the `_ViewStart.cshtml` lives in the `Areas/Admin/Views` directory but this still works fine.

The issue I'm having is with a navigation menu component which lives in the main site layout file and the `href` links in all anchors pointing to the wrong URL when inside the Admin area.

Say I have the following links:

```
<a asp-controller="Account" asp-action="Index">My Account</a>
<a asp-controller="Shopping" asp-action="Basket">Shopping Basket</a>
<a asp-controller="Admin" asp-action="Users">Manage Users</a>

```

When inside the Admin area, the links are now relative to the area and thus appear as if they were as follows:

```
http://localhost/Admin/Account/Index
http://localhost/Admin/Shopping/Basket
http://localhost/Admin/Admin/Users

```

Is there any nice way to make all of these links relative to the site root?