Prerender-SPA | SPA单页面-预渲染应用实践

Guess my turn to ask regarding prerender-spa-plugin in Vue App.

I wanted to assigned rendered routed page HTMLs from /dist folder into subfolders such as following format:

I'm trying (unsuccessfully) to pre-render the HTML of multiple Vue apps within the same project scaffolded with Vue CLI. I do not want to use Vue Router or Nuxt etc for multiple reasons.

I've tried using prerender-spa-plugin, but since I don't use routes, it only pre-renders the index.

My vue.config.js looks like this:

I'm using prerender-spa-plugin in order to prerender certain pages so I get better SEO from my Vue app.

My goal is to transform the way I'm currently using Vue-i18n, so I can base it on url param /lang. Examples: /en/home or /nl/home. With this, I would be able to pre-render depending on the language.

I created a prefixer function that adds to every parent route the optional param /:lang?. Here it is:

We implemented a simple nuxt app with a basic form and deployed it to netlify. When pressing the "Submit" Button of the Form, we receive a 404.

Here you can find the link to the deployed netlify app:
EDIT -> Removed Link

After looking through the troubleshoot guide, they listed that the added "netlify" or "data-netlify="true" attributes should not be visible if netlify recognized your form, but they are.

Plus the form can't be found in the "form" configuration tab of the netlify backend.

Nuxt config:
SPA
Tailwind

We tried to add the necessary attributes for netlify: netlify or data-netlify="true" & netlify-honeypot="bot-field"

We also added a "pre-render" library called prerender-spa-plugin.

Here you can find the contact.vue page content. Simple form with "name" attributes set according to netlify documentation.

I've got React app.

It works well on local machine (app + prerender-spa-plugin). I run it with command http-server into ./build package

However thing go wrong on server - it acts like if I launch it with serve-s command.

There is docker with nginx image on server.

I tried to reconfigure nginx the way that it uses different index.html for different URLs, but fail again

Do the problem with routing to directories that keeps static images?

How it could be resolved? or where I could find information about it?

Basically I have exact same issue as here but no one answer that question.

I have following code for title in my index component:

I am using spa-prerender-plugin in Vue.js and everything works fine.

However, I would like to pre-render my 404 page as well which in Vue goes like:

I'm trying to implement very popular prerender SPA plugin.

Documentation say to add module to webpack.config.js but I don't have such file I have webpack.base.conf.js, webpack.dev.conf.js and webpack.prod.conf.js.

In first there is no plugins array but it is in last two. So I injected in them:

I'm using prerender-spa-plugin in my Vue Webpack Cli project. Like from the documentation i'm registering the Plugin in webpack.prod.conf.js like this