ASP .Core MVC configure application root url

Question

I have two ASP .Core MVC applications that are hosted under the same url.
I've managed to separate them with Nginx so that a certain path goes to app-2, while the rest goes to app-1:
http://host -> app-1
http://host/setup -> app-2

My problem comes when the user connects to app-2, as the application still thinks it's app-root is http://host.
This leads to the client encountering a 404 when for example style sheets are downloaded, since app-2.css exists under http://host/setup/css but the application searches in http://host/css.

The "include"-lines in the .cshtml file in app-2 look like this:

<link rel="stylesheet" type="text/css" href="@Url.Content("~/css/app-2.css")" asp-append-version="true" />

Is there some way of "overriding" or telling app-2 that ~ should refer to <host>/setup/css/ instead of <host>/css/?
I really don't want to hardcode it in case the url changes at some point.

Does this answer your question? How to host multiple .NET Core apps under the same URL? — JHBonarius
– JHBonarius, Commented Oct 18, 2021 at 9:21
Not quite; my routing between the web apps works, but they both think their webroot is the same. I am able to successfully connect to app-2, but it fails to download app-2.css since it believes it exists under <url>/css instead of <url>/config/css. — Jabbl
– Jabbl, Commented Oct 18, 2021 at 10:32

Jabbl · Accepted Answer · 2021-10-19 11:45:45Z

After many hours of searching I found no way of altering the application root for the entire webserver.
What I ended up doing instead was create class PathHelper with options and added it to Startup.cs:

class PathHelper
{
    public PathHelper(IOptions<PathHelperOptions> opt)
    {
        Path = opt.Path;
        
        if (Path.StartsWith('/'))
        {
            Path = Path[1..];
        }
        if (!Path.EndsWith('/'))
        {
            Path = Path + '/';
        }
    }

    public string Path { get; }
}

class PathHelperOptions
{
    public string Path { get; set; }
}

# Startup.cs
public void ConfigureServices(IServiceCollection services)
{
  services
      .AddScoped<PathHelper>()
      .Configure<PathHelperOptions>(opt =>
      {
          opt.Path = this.configuration.GetSection("URL_SUFFIX");
      });

  [...]
}

I then used it in the .cshtml files like this:

@inject PathHelper helper
<link rel="stylesheet" type="text/css" href="@Url.Content(helper.Path + "css/app-2.css")" asp-append-version="true" />

Poul Bak · Accepted Answer · 2021-10-19 11:57:37Z

0

I think the easiest way is to include the base tag in pages coming from 'app-2'.

Try it like this:

<html>
    <head>
        <base href="http://host/setup">
    </head>

Now your relative links are sent to 'app-2'.

answered Oct 19, 2021 at 11:57

Poul Bak

11k5 gold badges39 silver badges70 bronze badges

3 Comments

Jabbl Over a year ago

I can't seem to get it to work. Adding <base href="http://host/setup"> to the top of the header still results in the files being loaded from host. Example: favicon with href="favicon.ico" is loaded from http://host/favicon.ico.

Poul Bak Over a year ago

Try adding a slash (/) in front: href="/favicon.ico"

Jabbl Over a year ago

Hmm, no. I've also tested hardcoding base to http://localhost/setup and setting favicon to href="/favicon.ico", but the icon is still loaded from localhost/favicon.ico.

Collectives™ on Stack Overflow

ASP .Core MVC configure application root url

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related