Vue 获取当前页面URL和进行页面重定向

前言

在Vue开发中，有时候我们需要获取当前页面的URL或者进行页面重定向。本文将介绍如何使用window.location对象来获取当前页面的URL以及常用的重定向方法。

---

window.location的详解

window.location对象提供了许多属性，可以用于获取当前页面的URL的不同部分。下面是一些常用的属性：

以访问 http://www.baidu.com:8080/test?id=123 为例。

1. window.location.href：获取当前页面的完整URL，包括协议、域名、端口、路径、查询参数和哈希部分。

http://www.baidu.com:8080/test?id=123

2. window.location.protocol：获取当前页面的协议，例如http:或https:。

http:

3. window.location.host：获取当前页面的域名和端口。

www.baidu.com:8080

4. window.location.hostname：获取当前页面的域名。

www.baidu.com