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

Posted 2023-02-23

【中文标题】如何使用 vue 路由器在 Vuejs 方法中获取 baseURL？

【英文标题】：How to get baseURL inside Vuejs method using vue router?

【发布时间】：2020-12-03 16:18:18

【问题描述】：

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

methods:
GenerateURL()
...

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

【参考方案1】：

给定https://mywebsite.com/some/vue/route

import router from "@/router";

console.log(window.location.origin) // https://mywebsite.com
console.log(router.currentRoute.value.fullPath) // /some/vue/route

【参考方案2】：

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

var baseUrl = window.location.origin

【参考方案3】：

来自docs：

$route.path

类型：字符串

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

所以在你的情况下，你可以这样做：

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

Location Origin.