有谁知道在没有 Vue-router 的情况下加载页面时如何更改网页标题？答案

【问题标题】：Does anyone know how to change the web page title while the page is loading without Vue-router?有谁知道在没有 Vue-router 的情况下加载页面时如何更改网页标题？
【发布时间】：2020-06-11 01:16:09
【问题描述】：

现在，我在没有 Vue-router 的情况下从一个页面移动到另一个页面，而是使用 window.location.href 来设置页面的方向。每当页面移动和加载时，渲染的标题就是 URL，加载后，我在 beforeCreate 生命周期中的 document.title 中设置的任何内容都会被渲染。

我不确定这是否是默认浏览器行为，或者可以更改。有人可以启发我吗？谢谢！ :)

【问题讨论】：

标签： javascript vue.js titlebar

【解决方案1】：

我尝试了很多网页，总是先显示 url 然后少 0.1s 显示标题；

tnink 你可以在你的目标页面中使用document.title = xxxxx

【讨论】：

【解决方案2】：

这是预期的行为。让我解释一下为什么当您使用window.location.href 更改网址时会发生这种情况。

当您不使用vue-router 来更改网址并使用window.location.href 时，浏览器会向您的服务器发出对该页面(index.html) 的http 请求。因此，当 http 请求正在获取时，浏览器对页面的 html 没有任何想法，因此不知道页面的标题。所以它只是显示了关于页面的唯一已知信息，即 URL。当 http 请求解析并且 javascript 和 vue 初始化时，beforeCreate 钩子运行并且页面标题设置为您的偏好。

当您使用vue-router 时，没有对服务器的http 调用，一切都是使用javascript 和vue 完成的。使用 javascript 和 vue 更改标题。不会发生页面重新加载。

希望对你有帮助

【讨论】：