Vue中获取url路径

需要使用window.location.[options]

我们先弹出看一下window.location会显示什么?

 alert(window.location);

在这里插入图片描述
/sys-user为当前vue的路径
在这里插入图片描述
options属性有如下

属性描述
hash从#号开始的RUL
host主机名和当前URL的端口
hostname当前URL的主机名
herf完整的URL
pathname当前URL的路径部分
port当前URL的端口
protocol当前URL协议
search从问好(?)开始的URL(查询部分)
alert(window.location.hash)

在这里插入图片描述

 alert(window.location.host);

在这里插入图片描述

alert(window.location.hostname);

在这里插入图片描述

 alert(window.location.href);

在这里插入图片描述

 alert(window.location.pathname);

在这里插入图片描述

 alert(window.location.port);

在这里插入图片描述

 alert(window.location.protocol);

在这里插入图片描述

 alert(window.location.search);

比如: http://localhost:8080/#/test?limitUserName=test&grade=0 像这种路径,取到的就是空值

因为查询字符串search只能在取到“?”后面和“#”之前的内容,如果“#”之前没有“?”search取值为空。

Logo

前往低代码交流专区

更多推荐