Vue: Как включить многостраничную работу в существующем СПА-проекте?

Question

У меня есть одностраничное (SPA) приложение, написанное на Vue.

Теперь мне нужна отдельная страница, которая должна быть доступна без входа в систему.

Мне кажется, что необходимо включить многостраничное приложение (MPA). Я вижу в документации (https://cli.vuejs.org/config/#pages), что мне нужно установить это значение в vue.config.js. Но мне документация мне непонятна. Мне нужно отредактировать / перезапустить установку Vue CLI? Или сделайте некоторые изменения в веб-пакете. Просто добавление новой записи страницы с соответствующими файлами не работает (webpack ничего не вставляет в html -файл).

Answer 1

Из SPA View, я бы, вероятно, go вроде этого

Внутри /views папки

- HomePage.vue (no auth)
- Login.vue 
  - /users/ subfolder (auth needed)
    - DashBoard.vue
    - About.vue
    etc

Затем определите маршруты (пути, компоненты и т. Д. c.) с requiresAuth в качестве проверки подлинности, затем перенаправляется обратно на маршрут с компонентом HomePage.vue.

, а SPA в основном сопровождается вызовами MPA, такими как SEO, проблемы SSR. Маршрутизация примерно такая же, как в Vue / Nuxt.