Как использовать page.js с сохранением динамического содержимого маршрута при редактировании

#javascript #svelte #page.js

#javascript #стройный #page.js

Вопрос:

Я использую page.js со СТРОЙНОЙ фигурой и это работает.

Проблема:

Мое приложение позволяет пользователям хранить данные через форму, а данные хранятся в IndexedDB (я использую Dexie.js чтобы поговорить с IndexedDB). Сохраненные данные используются для создания динамических маршрутов.

Пример:

Пользователь отправляет данные под названием «клиент», и данные хранятся в IndexedDB как:

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

Затем я создаю динамические маршруты (используя page.js ), которые выглядят так:

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

Проблема заключается в следующем,

Когда я перехожу к динамическому маршруту и редактирую компоненты, составляющие страницу (даже CSS), после сохранения моей работы обновляется все приложение. Чтобы вернуться к моему динамическому маршруту, я не могу просто ввести URL-адрес — я должен вернуться на целевую страницу, найти ссылку на отправленный элемент, щелкнуть по ней и перенаправиться на нужную страницу.

Есть ли способ упростить это, чтобы я мог редактировать без этого? Целевая страница и другие статические страницы не имеют этой проблемы.

Ответ №1:

Не уверен, помогает ли это, но вы добавили --single переключатель в конец вызова sirv в скрипте package.json ? start

итак, ваш package json должен содержать что-то вроде

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

(актуальна только строка, начинающаяся с. "start" Решающим моментом является --single ).

Также объявление вашего маршрута для page.js должно быть что — то вроде /client/:id/dashboard .