如何在Nuxt中获取baseUrl？

Question

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

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

但是应该把它放在哪里以便所有组件都可以访问主机呢？它应该每页加载一次，并且可以与 SSR 和 CSR 一起使用。

Answer 1

useRequestURL()Nuxt 版本 3.5.0 中引入了可组合项：

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

或具有端口的主机：

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

更多信息可以在Nuxt 文档useRequestURL()中找到。