Я ищу инструкции по простейшему пути настройки проекта Vue с рендерингом на стороне сервера (SSR) и автоматической маршрутизацией (нет необходимости вручную создавать сопоставление между каждым URL-адресом и соответствующим компонентом Vue).
Я ищу бескомпромиссное решение со всем следующим:
- Проект Vue, созданный из интерфейса командной строки Vue (не нужно извлекать)
- однофайловые компоненты (SFC, aka
.vue файлы)
- рендеринг на стороне сервера (SSR) с гидратацией на стороне клиента
- автоматическое разбиение кода для каждой страницы
- соглашение об автоматическом сопоставлении URL-адресов с
.vue файлами (без записи маршрутов вручную)
- сервер разработки с горячей перезагрузкой модуля (HMR)
- Сервер API Node.js (написанный на экспрессе), который объединяется с сервером разработки
Мне известно о Nuxt.js, но это довольно далеко от «пути Vue» в выполнении дел. В частности, вы должны отказаться от всех тонкостей Vue CLI. Я также нашел, что это довольно плохо документировано и менее надежно, чем то, что исходит от основной команды Vue. Единственная часть Nuxt.js, которую я хочу, это автоматическая маршрутизация от URL до pages/*.vue файлов.
Есть руководство по Vue SSR, но на самом деле оно довольно сложное и его сложно понять.
Любое из следующего будет работать для меня, если оно будет соответствовать целям, изложенным выше:
- простое пошаговое руководство
- рабочий стартовый шаблон, размещенный на Github
- плагин Vue CLI, который делает эту работу, но абстрагирует детали