如何在 SVELTE 中使用 page.js 並在編輯時保留動態路由內容

Question

我將 page.js 與 SVELTE 一起使用，它可以工作。

問題：

我的應用程序允許用戶通過表單存儲數據，數據存儲在 indexedDB 中（我正在使用 Dexie.js 與 IndexedDB 對話）。 存儲的數據用於創建動態路線。

例子：

用戶提交稱為“客戶端”的數據，數據存儲在 indexedDB 中：

clients = [{name:"Stackoverflow", id:0}, {name:"Google", id:1}] 

然后，我創建如下所示的動態路由（使用 page.js）：

http://localhost:5000/client/0/dashboard

問題如下，

當我在保存我的工作時將 go 轉到動態路由並編輯構成頁面的組件（甚至是 CSS）時，整個應用程序都會刷新。 為了回到我的動態路線，我不能只輸入 URL - 我必須 go 回到登錄頁面，找到提交項目的鏈接，單擊它並重定向到所需的頁面。

有沒有辦法讓這更容易，這樣我就可以在不發生這種情況的情況下進行編輯？ 登陸頁面和其他 static 頁面沒有這個問題。

Answer 1

不確定這是否有幫助，但您是否將--single開關添加到sirv的start腳本中對package.json的調用末尾？

所以你的 package json 應該包含類似

  "scripts": {
    "build": "rollup -c",
    "dev": "rollup -c -w",
    "start": "sirv public --single"
  },

（只有以"start"的行是相關的。關鍵是--single ）。

page.js 的路由聲明也應該類似於/client/:id/dashboard 。