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:
Claude
2026-08-03 13:09:29 +00:00
parent 3a0be7261e
commit 8f1aba1571
2 changed files with 20 additions and 2 deletions
+11
View File
@@ -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
View File
@@ -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 />} />