在NUXTJS 3中，如何根据请求域修改RuntimeConfig？

Question

我正在使用NUXT 3构建一个多域网站。

我正在尝试根据用户请求域加载其他RuntimeConfig，这可能吗？

例如，如果用户在mydomain.es中，

{
    privateToken : "XXXXXXXXX",
    public : {
        googleanalytics_id : 'xxxxx'
    }
}

如果用户在mydomain.fr中，

{
    privateToken : "YYYYYYYYYY",
    public : {
        googleanalytics_id : 'yyyyy'
    }
}

那是可能的吗？

Answer 1

我终于找到了这样做的方法，它不是很优雅，但它起作用...

at：插件/configbydomain.server.ts

import { loadConfig } from '../config/SiteConfig'

export default defineNuxtPlugin(async nuxtApp => {
    const domain = useRequestHeaders().host.split(':')[0];
    const SiteConfig = await loadConfig(domain);        
    // to make the object writable
    nuxtApp.ssrContext.runtimeConfig = JSON.parse(JSON.stringify(nuxtApp.ssrContext.runtimeConfig));    
    Object.assign(nuxtApp.ssrContext.runtimeConfig, SiteConfig);
})