Приложение Prerendering Vue не работает правильно на Netlify - PullRequest
Новая
       27

Приложение Prerendering Vue не работает правильно на Netlify

0 голосов
/ 15 апреля 2020

Я добавил предварительную визуализацию в мое приложение vue.js, настроив prerender-spa-plugin. Предварительно отрендеренные сайты работают нормально (т. Е. https://www.buyforlifeproducts.com/about), но когда я перенаправляю на нерегенерированный сайт, сначала загружается root страница https://www.buyforlifeproducts.com/, а затем перенаправляется на правильный маршрут, т. Е. https://www.buyforlifeproducts.com/products/199

Вот мой vue .config. js

module.exports = {
  outputDir,
  assetsDir,
  configureWebpack: config => {
    config.plugins.push(
        new PrerenderSPAPlugin({
            // Required - The path to the webpack-outputted app to prerender.
            staticDir: path.join(__dirname, 'dist'),
            // Required - Routes to render.
            routes: [ '/', '/about', '/products/23', '/products/2', '/products/8', '/products/18', '/products/15', '/products/11', '/products/7', '/products/42', '/products/41', '/products/40', '/products/30', '/products/127', '/products/39', '/products/32', '/products/6', '/products/26', '/products/114' ],
            renderer: new Renderer({
                renderAfterElementExists: '#app',
                renderAfterTime: 5000,
                headless: true
            }),
        })
    );
}

Чтобы заставить работать в режиме маршрутизатора истории на Netlify, мне пришлось добавить файл _redirects в мой /public папка со следующим содержимым: /* /index.html 200

Чего мне не хватает? Почему root страница / загружается перед перенаправлением на непредставленный маршрут?

...