这是在SSR和CSR中获取主机url的可靠方法:
let host = context.req ? context.req.headers.host : window.location.origin
但是要把它放在哪里才能让所有的组件都能访问主机呢?它应该加载一次每页和工作与SSR和CSR。
eit6fx6z1#
我建议使用computed,我认为它适用于任何nuxt版本。
computed
computed: { url() { if (process.client) { return window.origin; } return ""; }, }, created() { console.log(this.url) },
9lowa7mx2#
useRequestURL()组合在Nuxt版本3.5.0中引入:
useRequestURL()
const hostname = useRequestURL().hostname // "example.com"
或具有以下端口的主机:
const host = useRequestURL().host // "example.com:3000"
关于useRequestURL()的更多信息可以在Nuxt documentation中找到。
2条答案
按热度按时间eit6fx6z1#
我建议使用
computed
,我认为它适用于任何nuxt版本。9lowa7mx2#
useRequestURL()
组合在Nuxt版本3.5.0中引入:或具有以下端口的主机:
关于
useRequestURL()
的更多信息可以在Nuxt documentation中找到。