›Обновление: официальная документация по этой функции: https://poi.js.org/plugins/vue-static.html
Poi может волшебным образом превратить ваше одностраничное приложение Vue в статический HTML-сайт, то есть каждая страница вашего сайта предварительно отрисовывается во время сборки.
Приступая к работе с обычным приложением Vue, единственное изменение, которое вам нужно сделать, - это экспортировать имеющийся у вас экземпляр Vue:
📝 index.js:
📝 App.vue
Вот и все! Убедитесь, что идентификатор корневого элемента app
и ваш маршрутизатор находится в режиме истории.
Наконец, вы можете использовать @poi/plugin-vue-static
для создания статических файлов HTML.
📝 poi.config.js
В режиме разработки, то есть при запуске с командой poi
, этот плагин на самом деле не делает слишком много, ваше приложение по-прежнему будет работать как SPA.
В рабочем режиме, т. Е. Созданном с помощью команды poi build
, этот плагин использует vue-server-renderer
для создания статических HTML-страниц для routes
. В этом режиме он очень похож на то, как работает nuxt generate
.
Демо
Веб-сайт официального онлайн-чат-сообщества Vue создан Poi, и он также предварительно визуализируется этим плагином.