Page is not loaded when typing the apps home page url with / at the end of the URL

[cauemarcondes]

On APM we're moving to use the platform history (#74328) I was making some tests and found out an issue when redirection the home page.

When we navigate to APM home page app/apm we redirect the user to app/apm/services. The problem happens when I type app/apm/ (with / at the end of the URL). The URL is replaced to app/apm/services but the page isn't loaded.

I've investigated a bit and found out that the problem happens in this function https://github.com/elastic/kibana/blob/master/src/core/public/application/scoped_history.ts#L281

private stripBasePath(location: Location<HistoryLocationState>): Location<HistoryLocationState> {
    return {
      ...location,
      pathname: location.pathname.replace(new RegExp(`^${this.basePath}`), ''),
    };
  }

When I type app/apm/, this value is set as basePath, and when this function is called it returns services instead of /services.

A possible solution would be to remove the last slash from the base path.

[elasticmachine]

Pinging @elastic/kibana-platform (Team:Platform)

[joshdover]

A possible solution would be to remove the last slash from the base path.

It seems that we should be using the match.path property instead of the match.url property when we configure the ScopedHistory:

kibana/src/core/public/application/ui/app_router.tsx

Lines 67 to 73 in f1ad1f1

	render={({ match: { url } }) => (
	<AppContainer
	appPath={url}
	appStatus={appStatuses.get(appId) ?? AppStatus.inaccessible}
	createScopedHistory={createScopedHistory}
	{...{ appId, mounter, setAppLeaveHandler, setIsMounting }}
	/>