vue中获取url路径
需要使用window.location.[options]

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

 alert(window.location);

在这里插入图片描述
/sys-user为当前vue的路径
在这里插入图片描述

options属性有如下

属性描述
hash从#号开始的RUL
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);

//获取全路径url "?“及”?"后面的值
http://localhost:86/detail?XXX=YYY
可以取到:?XXX=YYY

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

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

原文链接:https://blog.csdn.net/qq_42262444/article/details/115619457

Logo

前往低代码交流专区

更多推荐