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文章来源：https://www.toymoban.com/news/detail-500922.html
8. window.location.origin（路径前面的url）—— http://www.xxxxxx.com:8000文章来源地址https://www.toymoban.com/news/detail-500922.html
到了这里，关于vue获取当前页面地址的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
