javascript - 如何在 Nuxtjs V3 中获取 window.location.href

Question

我正在尝试让玩家通过二维码加入游戏。由于该游戏将托管在多个 IP 上，因此我想动态生成 URL。

这是我当前在 NuxtJS Vue 组件中的解决方法:

<template>
  <input placeholder="copy browser window url into this field" v-model="fullPath" @change="generateQR">
</template>

<script setup>
  const fullPath = ref(null)
  QRCode.toDataURL(fullPath.value + ...
</script>

我想做的是:

<script setup>
  // not working phantasy code
  QRCode.toDataURL(window.location.href + ...
</script>

当使用useRouter()和useRoute()的.fullPath属性时，我仍然只得到相对路径/而不是http://10.16 .1.173:3000/.

---

GitLab 上的完整代码:pages/index.vue

Answer 1

在访问“window”对象之前尝试检查您是否位于客户端，您可以使用:

if (process.client) {
      console.log(window.location.href)
}