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 install
|
||||||
npm run dev # öppna http://localhost:8080/felsokning
|
npm run dev # öppna http://localhost:8080/felsokning
|
||||||
npm test # projektions-, synk- och demotester
|
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.
|
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
|
## 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
|
// Hash-baserad routing för miljöer utan SPA-rewrites (t.ex. förhandsvisning
|
||||||
// på en statisk sida). Standard är vanlig historik-routing.
|
// 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() {
|
function AppContent() {
|
||||||
return (
|
return (
|
||||||
<Router>
|
<Router>
|
||||||
<PaymentTestModeBanner />
|
<PaymentTestModeBanner />
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={<Index />} />
|
<Route path="/" element={forhandsvisning ? <Arendelista /> : <Index />} />
|
||||||
<Route path="/contact" element={<Contact />} />
|
<Route path="/contact" element={<Contact />} />
|
||||||
<Route path="/faq" element={<FAQ />} />
|
<Route path="/faq" element={<FAQ />} />
|
||||||
<Route path="/reset-password" element={<ResetPassword />} />
|
<Route path="/reset-password" element={<ResetPassword />} />
|
||||||
|
|||||||
Reference in New Issue
Block a user