После публикации моего локально работающего приложения React в Azure я замечаю, что все маршруты вроде
'/ login' '/ user' '/ company'
работают, но такие вещи, как
'/ directory / clients'
нет.В качестве теста я переместил «клиенты» выше в / клиенты, и это сработало, но тогда / клиенты / ABC не сделали.Очевидно, что что-то не так с моей маршрутизацией, и мне кажется, что я упускаю что-то простое, но я просто не могу это понять.
Мое приложение - это реагирующий интерфейс с ядром web api .net back-end.
Пример из rout.js / firm работает, а / directory / clients - нет.
{ path: '/firm', exact: true, name: 'Firm', component: Firm },
//{ path: '/clients', exact: true, name: 'Clients', component: Clients },
{ path: '/directory/clients', exact: true, name: 'Clients', component: Clients },
{ path: '/directory/clients/clientsimport', exact: true, name: 'Client Import', component: ClientsImport },
{ path: '/directory/clients/:clientId/clientaccount/:id', exact: true, name: 'Client Account', component: ClientAccount },
{ path: '/directory/clients/:id', exact: true, name: 'Client', component: Client },
<main className="main">
<AppBreadcrumb appRoutes={routes}/>
<Container fluid>
<Switch>
{routes.map((route, idx) => {
return route.component ? <Route key={idx} path={route.path} exact={route.exact} name={route.name} render={props =>
sessionStorage.getItem('token')
? <route.component {...props} />
: <Redirect to="/login" />
} />
: null;
},
)}
<Redirect from="/" to="/directory/clients" />
</Switch>
</Container>
</main>
