如何使用vue路由器在Vuejs方法中获取baseURL？

Question

我有一个方法需要创建一个包含以下内容的字符串 基本网址/get-it和一些随机生成的字符串？

methods:{
GenerateURL(){
...
}
}

如何实现？如何通过vue路由器获取基本URL或/ get-it，却不导航至该/ get-it页面为空？ 我只需要在组件内部将其用作字符串即可。

Answer 1

来自docs：

• $ route.path

  • 类型：字符串

    一个字符串，它等于当前路径的路径，始终解析为绝对路径。例如“ / foo / bar”

因此，在您的情况下，您可以执行以下操作：

methods:{
  GenerateURL(){
    var fullUrl = window.location.origin + this.$route.path + "/get-it/yourRandomString"
  }
}

Location Origin。

Answer 2

在 VueJs 中获取 baseUrl 的简单方法是

var baseUrl = window.location.origin