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