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

Question

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

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

Answer 1

我尝试了许多 web 页面，它总是首先显示 url 然后少 0.1 秒显示标题；

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

Answer 2

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

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

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

希望这可以帮助