As using prerender-spa-plugin for VUE to make different SEO meta tags for different pages?

Made SPA app on the VUE, and then are faced with the need of SEO promotion.
Set the prerender plug-spa-plugin and configured webpack that page is now prerendered, BUT
entry point one and meta tags such as title and description on each page remain the same.
Setting webpage plugins
5d41aa6cbcec8104937905.png

Pages turns 4 - routes: ['/', '/sale', '/delivery', '/contacts']
Is it possible to ask them different title and meta tags for SEO?
March 25th 20 at 12:40
3 answers
March 25th 20 at 12:42
Solution
He will write an answer, who could be useful too:
on GitHub Advanced Usage example postProcess.
There may be html markup to correct dynamically. Example title tag is in the section v2.x Compability (return to context.html.replace(
/)

postProcessHtml: function (context) {
 var titles = {
 '/': 'Home',
 '/about': 'Our Story',
 '/contact': 'Contact Us'
}
 return context.html.replace(
/<title>[^<]*<\/title>/i,
 '<title>' + titles[context.route] + '</title>'
)
 }
March 25th 20 at 12:44
Try each page in hook the life cycle of the mounted() to make sure document.head.querySelector('...') instead of ... selector to the meta tag on any attribute and then vary the values of the attributes of the desired tag
March 25th 20 at 12:46

Find more questions by tags Vue.jsFrontendSearch engine optimization