App's port is (still) appended to the redirection URL for domain-based localization.

[ZuBB]

I saw #658, #979, #662, #987 and I still can't win this issue.

I don't have a dedicated repo/plunker/etc for reproducing, but I have short instructions on how to get one:

• Please use example-app-router-playground example as a base.
• use content from below for routing.ts
• I have two nginx files for the hosts I use (see below for content)
• Now when I click on "Switch to German" link, I am getting
  • a redirect to the right host (http://lw-de.test:3000/),
  • but because the port is appended, the hostname from domains does not match, I am getting content in english, due to defaultLocale fallback

Any hints what do I miss?

routing.ts

import {defineRouting} from 'next-intl/routing';

export const routing = defineRouting({
  locales: ['en', 'de'],
  defaultLocale: 'en',
  localePrefix: 'never',
  domains: [
    {
      domain: 'lw-en.test',
      defaultLocale: 'en',
      locales: ['en']
    },
    {
      domain: 'lw-de.test',
      defaultLocale: 'de',
      locales: ['de']
    }
  ],
  pathnames: {
    '/': '/',
    '/client': '/client',
    '/about': '/about',
    '/client/redirect': '/client/redirect',
    '/nested': {
      en: '/nested',
      de: '/anidada',
    },
    '/redirect': '/redirect',
    '/news/[articleId]': {
      en: '/news/[articleId]',
      de: '/noticias/[articleId]',
    },
    '/news/just-in': {
      en: '/news/just-in',
      de: '/noticias/justo-en',
    }
  },
  localeCookie: false
});

export type Pathnames = keyof typeof routing.pathnames;
export type Locale = (typeof routing.locales)[number];

lw-en.test (and pretty much the same for 'de')

server {
    listen 80;
    listen [::]:80;
    server_name lw-en.test;

    client_max_body_size 10M;

    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header x-forwarded-host $host;
        proxy_set_header x-forwarded-proto http;
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

[ZuBB]

It turns out explicit setting of x-forwarded-proto in nginx config helps. As for value I went with $server_port. but it may not work for you (depends on your setup)

[ZuBB]

hey @amannn,

I am sorry to bother you again, but I tried to use something else except <Link> to navigate to another locale/domain, and none of the API calls that were supposed to do that work.

https://next-intl.dev/docs/routing/navigation#userouter

'use client';

import {useLocale, useTranslations} from 'next-intl';
import {Link, useRouter, redirect} from '@/i18n/navigation';

export default function LocaleSwitcher() {
  // const t = useTranslations('LocaleSwitcher');
  const router = useRouter();

  const locale = useLocale();
  const otherLocale = locale === 'en' ? 'de' : 'en';
  const go = (otherLocale: string) => {
    console.log('go', otherLocale);
    // router.replace('/', { locale: otherLocale });
    // router.push('/', { locale: otherLocale });
    redirect({href: '/', locale: otherLocale });
  };

  return (
    // <Link href="/" locale={otherLocale}>
    //   {t('switchLocale', {locale: otherLocale})}
    // </Link>
    <button onClick={() => go(otherLocale)}>
      {/* {t('switchLocale', {locale: otherLocale})} */}
      switch Locale
    </button>
  );
}