feat: set baseUrl via runtimeConfig

specs/seo/baseUrl_runtimeConfig.spec.ts

@@ -0,0 +1,35 @@
+import { expect, test } from 'vitest'
+import { fileURLToPath } from 'node:url'
+import { setup, $fetch } from '@nuxt/test-utils'
+import { getDom, getDataFromDom, assertLocaleHeadWithDom } from '../helper'
+
+const configDomain = 'https://runtime-config-domain.com'
+await setup({
+ rootDir: fileURLToPath(new URL(`../fixtures/basic`, import.meta.url)),
+ browser: true,
+ // overrides
+ nuxtConfig: {
+ runtimeConfig: {
+ public: {
+ i18n: {
+ baseUrl: configDomain
+ }
+ }
+ },
+ i18n: {
+ // debug: true,
+ defaultLocale: 'en',
+ baseUrl: ''
+ }
+ }
+})
+
+test('render seo tags with baseUrl', async () => {
+ const html = await $fetch('/?noncanonical')
+ const dom = getDom(html)
+ await assertLocaleHeadWithDom(dom, '#home-use-locale-head')
+
+ const links = getDataFromDom(dom, '#home-use-locale-head').link
+ const i18nCan = links.find(x => x.id === 'i18n-can')
+ expect(i18nCan.href).toContain(configDomain)
+})

src/runtime/utils.ts

@@ -485,18 +485,27 @@ export function extendBaseUrl<Context extends NuxtApp = NuxtApp>(
 ): BaseUrlResolveHandler<Context> {
  return (context: Context): string => {
  if (isFunction(baseUrl)) {
- return baseUrl(context)
+ const baseUrlResult = baseUrl(context)
+ __DEBUG__ && console.log('baseUrl: using localeLoader function -', baseUrlResult)
+ return baseUrlResult
  }
 
  const { differentDomains, localeCodeLoader, normalizedLocales } = options
  const localeCode = isFunction(localeCodeLoader) ? localeCodeLoader() : localeCodeLoader
  if (differentDomains && localeCode) {
  const domain = getDomainFromLocale(localeCode, normalizedLocales, options.nuxt)
  if (domain) {
+ __DEBUG__ && console.log('baseUrl: using differentDomains -', domain)
  return domain
  }
  }
 
+ const config = context.$config?.public?.i18n
+ if (config?.baseUrl) {
+ __DEBUG__ && console.log('baseUrl: using runtimeConfig -', config.baseUrl)
+ return config.baseUrl
+ }
+
  return baseUrl
  }
 }