JavaScript doesn't execute once pre-rendered page is loaded and each page reloads from the server

When I load the pre-rendered pages in my browser, each page I click reloads the page from the server. Also, non of my Vue JavaScript seems to work. For example, I have validation on a form and a submit handler, and none of that code is run.

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

That is my config in build/webpack.prod.conf.

[srchulo]

There are no JS errors in the console.

And wow, data-server-rendered=“true” did the trick. Should this be listed in the prerender-spa-plugin documentation? I found that mentioned here:

https://ssr.vuejs.org/guide/hydration.html

But I wouldn’t have known to use that, especially since that’s in the server side render documentation.

[eybarta]

My JS functions also stopped working after prerendering… data-server-rendered="true" solved my issue… thx!