Förhandsvisningen fungerar oavsett sökväg
Historik-routing kräver att sidan serveras från roten. Ligger den under en sökväg — som en publicerad enfilsförhandsvisning gör — matchar ingen route och besökaren får 404-sidan i stället för appen. Förhandsvisningsläget (VITE_HASH_ROUTER) går därför via hash, och dess startsida är Guidad Felsökning i stället för värdapplikationens startsida. Verifierat genom att ladda bygget från en djupt nästlad sökväg: startskärmen, navigering vidare och djuplänk till inställningar. Byggkommandot är nu dokumenterat i MVP.md tillsammans med npm run typkontroll, så förhandsvisningen inte byggs fel igen. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012EQg3rJsrQ1ZNTvkzmQAtt
This commit is contained in:
+11
@@ -8,8 +8,19 @@ Första körbara versionen av kärnan i [Master Prompt v1.0](MASTER-PROMPT.md).
|
||||
npm install
|
||||
npm run dev # öppna http://localhost:8080/felsokning
|
||||
npm test # projektions-, synk- och demotester
|
||||
npm run typkontroll # tsc --noEmit (vite build typkontrollerar inte)
|
||||
```
|
||||
|
||||
**Förhandsvisning som en enda fil** (t.ex. för delning) byggs med
|
||||
hash-routing, annars fungerar den bara när den serveras från roten:
|
||||
|
||||
```sh
|
||||
VITE_HASH_ROUTER=1 npm run build
|
||||
```
|
||||
|
||||
I det läget är `/` Guidad Felsökning i stället för värdapplikationens
|
||||
startsida, och sidan fungerar oavsett vilken sökväg den ligger på.
|
||||
|
||||
Demomanus för visning: [DEMO.md](DEMO.md). Knappen **Skapa demoärende** på startsidan lägger in ett komplett vibrationsärende med 1 tim 35 min historik.
|
||||
|
||||
## Vad som ingår
|
||||
|
||||
+9
-2
@@ -27,14 +27,21 @@ const queryClient = new QueryClient();
|
||||
|
||||
// Hash-baserad routing för miljöer utan SPA-rewrites (t.ex. förhandsvisning
|
||||
// på en statisk sida). Standard är vanlig historik-routing.
|
||||
const Router = import.meta.env.VITE_HASH_ROUTER ? HashRouter : BrowserRouter;
|
||||
//
|
||||
// Historik-routing kräver att sidan serveras från roten: ligger den under
|
||||
// en sökväg matchar ingen route och besökaren får 404-sidan. I
|
||||
// förhandsvisningsläge går routingen därför via hash — då spelar
|
||||
// sökvägen ingen roll — och startsidan är Guidad Felsökning i stället för
|
||||
// värdapplikationens startsida.
|
||||
const forhandsvisning = !!import.meta.env.VITE_HASH_ROUTER;
|
||||
const Router = forhandsvisning ? HashRouter : BrowserRouter;
|
||||
|
||||
function AppContent() {
|
||||
return (
|
||||
<Router>
|
||||
<PaymentTestModeBanner />
|
||||
<Routes>
|
||||
<Route path="/" element={<Index />} />
|
||||
<Route path="/" element={forhandsvisning ? <Arendelista /> : <Index />} />
|
||||
<Route path="/contact" element={<Contact />} />
|
||||
<Route path="/faq" element={<FAQ />} />
|
||||
<Route path="/reset-password" element={<ResetPassword />} />
|
||||
|
||||
Reference in New Issue
Block a user