Blazor Relative url

Question

Blazor Relative url

3.9k views Asked by americanslon At 20 November 2024 at 00:23

I have navlink defined as follows

<NavLink href="/intro"></NavLink>

In dev it works fine as the root of the site is at the same level as the blazor app. In prod I have to put the blazor site inside a folder in the default iis website. So my url becomes something like this

http://something/apps/cor/

So the <NavLink href="/intro"></NavLink> ends up trying to go to http://something/intro instead http://something/apps/cor/intro

I tried both /intro and intro and the both result in the wrong behavior. I am not getting how to make those links relative to blazor root not iis root.

Original Q&A

There are 3 answers

**americanslon** · Answer 1 · 2020-09-30 04:31:28

americanslon On 30 September 2020 at 04:31

Dot before the path. ./intro is how you do it

**Bart Calixto** · Answer 2 · 2021-02-07 14:03:06

Bart Calixto On 07 February 2021 at 14:03

on index.html you should have <base href="/apps/cor/" />

**Pawel** · Answer 3 · 2022-06-23 15:21:01

I had to do this trick in _Layout.cshtml:

@inject IWebHostEnvironment Environment;

// in <head> :
@if (Environment.IsDevelopment())
{
    <base href="~/" />
}
else
{
    <base href="~/myApp" />
}

then either <NavLink href="page"></NavLink> or <NavLink href="./page"></NavLink> works.

On localhost: https://localhost:44393/page
On server: https://example.com/myApp/page

TechQA.

Blazor Relative url

There are 3 answers

Related Questions in IIS

Related Questions in BLAZOR

Related Questions in BLAZOR-CLIENT-SIDE

Related Questions in BLAZOR-WEBASSEMBLY

Popular Questions

Popular Tags

Trending Questions