vue获取当前页面地址及主机地址相关操作

晴天'

已于 2022-06-01 14:10:20 修改

阅读量1.1w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

于 2020-08-03 17:07:46 首次发布

本文链接：https://blog.csdn.net/weixin_42216142/article/details/107768055

vue 专栏收录该内容

10 篇文章

订阅专栏

本文分享了一段实用的代码，用于在JavaScript中获取当前页面的完整URL、目录路径及主机地址。通过简单的代码实现，可以轻松地从当前页面中抽取所需的信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不多说，直接上代码！

  // 获取当前页面地址，如http://localhost:8080/admin/index
  let wPath = window.document.location.href;
  // 获取当前页面主机地址之后的目录，如：/admin/index
  let pathName =  this.$route.path;
  let pos = wPath.indexOf(pathName);
  // 获取主机地址，如：http://localhost:8080
  let localhostPath = wPath.substring(0, pos);