Vue Cli 3生成的项目集HTML标题

Question

当前，在使用Vue CLI 3生成项目后，标题为“ Vue App”。

如果我通过 document.title 在创建的挂钩中设置标题，那么在显示通过document.title设置的标题之前，浏览器仍会闪烁“ Vue App”。

寻找一种方法来设置Vue CLI 3生成的项目的HTML标题，而不先闪烁默认的“ Vue App”标题。

Answer 1

您可以在/public/index.html中静态设置标题。

将其设置为index.html中的空字符串，并将更新保留在挂钩中可消除闪烁。

Answer 2

您还可以通过其他方式使用自定义index.html，修改vue.config.js：

module.exports = {
  publicPath: '/',
  chainWebpack: config => {
    config
      .plugin("html")
      .tap(args => {
        args[0].template = './public/index.html'
        return args
      })
  }
};

Answer 3

您可以使用以下命令将postinstall添加到scripts的{​​{1}}部分中： package.json