vue.js 如何在Nuxt中获取baseUrl?

whlutmcx  于 2023-06-24  发布在  Vue.js
关注(0)|答案(2)|浏览(203)

这是在SSR和CSR中获取主机url的可靠方法:

let host = context.req ? context.req.headers.host : window.location.origin

但是要把它放在哪里才能让所有的组件都能访问主机呢?它应该加载一次每页和工作与SSR和CSR。

eit6fx6z

eit6fx6z1#

我建议使用computed,我认为它适用于任何nuxt版本。

computed: {
    url() {
      if (process.client) {
        return window.origin;
      }
      return "";
    },
  },
  
  
  created() {
    console.log(this.url)
  },
9lowa7mx

9lowa7mx2#

useRequestURL()组合在Nuxt版本3.5.0中引入:

const hostname = useRequestURL().hostname   // "example.com"

或具有以下端口的主机:

const host = useRequestURL().host           // "example.com:3000"

关于useRequestURL()的更多信息可以在Nuxt documentation中找到。

相关问题