使用带有prerender-spa-plugin的vue-head会导致title和meta标签在netlify上显示两次

问题描述 投票:1回答:1

这个问题只发生在netlify上(尽管他们的prerender选项已关闭),而不是在本地提供时。

现场网站显示:

<title>about | anonplayer about | anonplayer</title>

title和meta标签是使用vue-head包设置的

  head: {  
    title: {
      inner: "about | anonplayer",
      separator: ' ',
    }, ...

这种情况发生在我的单页应用程序的所有路由中,也发生在meta标签上,其中有两组我打算拥有的标签。

看起来像this

我使用了默认的prerender设置,如下所示:

  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'].concat(contracts.map(each => `/${each.abi}/${each.contract}`)),
  }))
vue.js single-page-application vue-router netlify
1个回答
0
投票

是一样的,但与Angular

在我的情况下帮助用this.meta.updateTag()替换函数this.meta.addTag()

所以认为这不是托管问题)

© www.soinside.com 2019 - 2024. All rights reserved.