vue获取当前页面地址

1、vue获取当前页面完整地址:window.location.href

2、获取前面固定地址:window.location.host

关于window.location的详解:

  window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。

  下面,以http://www.xxxxxx.com:8000/test?id=123&username=xxx为例来进行解释:

  1. window.location.href (当前url)—— http://www.xxxxxx.com:8000/test?id=123&username=xxx

  2. window.location.protocol(协议)—— http:

  3. window.location.host(域名 + 端口)—— www.xxxxxx.com:8000

  4. window.location.hostname(域名)—— www.xxxxxx.com

  5. window.location.port(端口)—— 8000

  6. window.location.pathname(路径)—— /test

  7. window.location.search (请求的参数)—— ?id=123&username=xxx

  8. window.location.origin(路径前面的url)——  http://www.xxxxxx.com:8000

猜你喜欢

转载自blog.csdn.net/weixin_58414196/article/details/126976492