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中的空字符串并将更新保留在挂钩中可以消除闪烁。

更愿意动态加载 (5认同)
在我新创建的 Vue CLI 4 应用程序中，没有“/public/index.html”，因此我必须创建一个： `<!DOCTYPE html><html lang="us"><head><title>My Title< /title></head><body><div id="app"></div></body></html>` (2认同)
为了防止它对任何人有帮助，我出于某种原因删除了默认的“index.html”，并且再次需要默认内容。您可以从 `\node_modules\@vue\cli-service\lib\config\index-default.html` 获取它。它几乎完全符合@zett42 在上面的评论中所显示的内容。 (2认同)