Как я могу предварительно отобразить подмножество моего приложения laravel + vue?

Question

У меня есть приложение laravel с моим интерфейсом, написанным на Vuejs.Я хочу отображать только общедоступные страницы.Какова правильная конфигурация для prerender-spa-plugin, чтобы сделать это?

Большинство обучающих программ в Интернете показывают, как это сделать для всего сайта, но мне нужно только несколько предварительно отрисованных страниц.Я должен что-то упустить, но я получаю только пустую страницу, и мой javascript не загружается во время предварительной визуализации.Я не использую маршрутизатор vue.

const path = require('path')
const PrerenderSPAPlugin = require('prerender-spa-plugin')

// In the mix webpack config - 

  plugins: [
    ...
    new PrerenderSPAPlugin({
      // Required - The path to the webpack-outputted app to prerender.
      staticDir: path.join(__dirname, 'static'),
      // Required - Routes to render.
      routes: [ '/' ],
    })
  ]

Сообщение об ошибке: Невозможно предварительно отобразить все маршруты!

Answer 1

Все файлы javascript / vue и т. Д. Для статической части должны находиться в статическом каталоге.Это не будет работать, если они находятся в папке, которую вы обычно используете для организации остальной части вашего приложения.

Вам необходимо использовать HTMLwebpackPlugin, чтобы скопировать html в выходной каталог (скажем, публично).Копия микс происходит слишком поздно.Куски помогут получить только те файлы js, которые вы хотите.