My aurhorization shows fore alittle my mainlayout and then redirect to unauthorizedpage

Question

<Router AppAssembly="@typeof(Admin).Assembly">
	<Found Context="routeData">
		<AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainAdminLayout)">
			<NotAuthorized>
				@{
					_navigationManager.NavigateTo("Unauthorized", true);
				}
			</NotAuthorized>
			<Authorizing>
				Loading..
			</Authorizing>
		</AuthorizeRouteView>
	</Found>
	<NotFound>
		<PageTitle>Not found</PageTitle>
		<LayoutView>
			<p role="alert">Sorry, there's nothing at this address</p>
		</LayoutView>
	</NotFound>
</Router>

When i open the app it shows my mainlayout for a little and the goes to unauthorizedpage. Is there a way to prevent this??

Answer 1

most likely you are using server pre-render. the pre-render render displays the app as static html. the html includes the Blazor bootstrap code, which loads the interactive instance of Blazor. Once the interactive instance loads and starts, it executes the navigate request.

you have a couple options:

• make the <NotAuthorized> a splash screen
• if using Blazor server or cookie authenication, you can use middleware to force authentication before the static render