vue获取当前页面地址(vue获取当前页面请求头信息)

推荐整理分享vue获取当前页面地址(vue获取当前页面请求头信息)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue获取当前页面网址的id,vue获取当前页面请求头信息,vue获取当前页面的菜单,vue获取当前页面的url参数,vue获取当前页面header,vue获取当前页面的路由,vue获取当前页面的url参数,vue获取当前页面的url参数,内容如对您有帮助，希望把文章链接给更多的朋友！

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