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

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

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

---

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

您可以在

/public/index.HTML

中静态设置标题

---

在index.html中将其设置为空字符串并将更新保留在钩子中可以避免闪烁

您可以使用下一个命令将

postinstall

添加到

package.json中的
scripts
部分：
“postinstall”：“cp./public/index.html./node_modules/@vue/cli service/lib/config/index default.html”
您也可以用另一种方式使用自定义index.html，修改您的vue.config.js：


module.exports={
公共路径：“/”，
链接网页包：配置=>{
配置
.plugin（“html”）
.tap（args=>{
参数[0]。模板='。/public/index.html'
返回参数
})
}
};
更愿意动态加载在public/index.html中将标题设置为空。谢谢@xspydr嗯，您仍然动态设置标题，但标题的默认值为空，而不是错误的。在我新创建的Vue CLI 4应用程序中，没有“/public/index.html”，因此我必须创建一个：
我的标题
，以防它对任何人都有帮助，出于某种原因，我删除了默认的
index.html
，再次需要默认内容。您可以从
\node\u modules\@vue\cli service\lib\config\index default.html
获取它。它与@zett42在上面的评论中所显示的内容非常接近。这应该是可以接受的答案，因为根据项目（设置）更改标题比在实际文件中硬编码更有意义