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

Question

我有一种方法需要创建一个由基本 URL/get-it和一些随机生成的字符串组成的字符串？

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

怎样才能实现？如何使用 vue 路由器获取基本 URL 或 /get-it 但不导航到空的 /get-it 页面？我只需要将它用作组件内的字符串。

Answer 1

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

var baseUrl = window.location.origin

Answer 2

从文档：

• $route.path

  • 类型：字符串

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

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

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

位置 起源。