How to redirect to a different route in Blazor Server-side

c# blazor-server-side
mikeyy picture mikeyy · Jan 4, 2019 · Viewed 17.5k times · Source

In Blazor Client a redirection can be achieved using

using Microsoft.AspNetCore.Blazor.Browser.Services;
(...)
BrowserUriHelper.Instance.NavigateTo("/route")

This does however not work in a Blazor Server project, as it generates the following error:

Unable to cast object of type 'Microsoft.AspNetCore.Blazor.Server.Circuits.RemoteJSRuntime' to type 'Microsoft.JSInterop.IJSInProcessRuntime'.

How does a redirect in Blazor-Server look like?

Answer

Mehmet Taha Meral picture Mehmet Taha Meral · Oct 16, 2019

If you can trigger on the razor page, you can use the following: 

@page "/YourPageName"
@inject NavigationManager NavigationManager

<h1>xxx</h1>
.
.
.


@code {

    void MethodToTriggerUrl()
    {
        NavigationManager.NavigateTo("PageToRedirect");
    }
}

Related questions

How to store session data in server-side blazor

In a server-side Blazor app I'd like to store some state that is retained between page navigation. How can I do it? Regular ASP.NET Core session state does not seem to be available as most likely the following note …

Read More
Execute async method on button click in blazor

I created a "Razor Components" project. I am trying to execute an asynchronous method when pressing a button, but could not figure out the syntax yet. This is my Index.razor: @page "/" @inject GenericRepository<Person> PersonRepository // ... @foreach (var …

Read More
Blazor component : refresh parent when model is updated from child component

I'm using Server-side Blazor components in ASP.NET Core 3 preview 4. I have a parent component, and child components, using the same shared model, like this : Model : public class CountModel { public int Count { get; set; } public void Increment() { Count++; } } Parent component : @…

Read More