Next.js: неопределенные реквизиты в URL-адресах, установленные при перезаписи next.config.js.

Здравствуйте, доброе утро, я создаю приложение с помощью Next.js и столкнулся со следующей проблемой. Я хочу получить данные, отображаемые от клиента на странице, и у меня есть следующее:

      // pages/news.jsx
export default function News ({ title }) {
   console.log('title: ', title)
   return <div>{title}</div>
}
export async function getServerSideProps () {
return {
  props: {
    title: 'hello!'
  }
}

С другой стороны, в next.config.js у меня есть «перезапись», так что при использовании URL-адреса «es/noticias» он переходит в «/ новости»:

      i18n: {
   locales,
   defaultLocale: 'en',
   localeDetection: false
},
async rewrites () {
  return [{"source":"/noticias", "destination":"/news"}]
}

ВНИМАНИЕ: только он поставил самое главное из кода.

Проблема, которую я обнаружил, заключается в том, что при использовании URL-адреса «/news» реквизит «заголовок» всегда печатается консолью, как на стороне сервера, так и на стороне клиента, но из URL-адреса «es/noticias» на стороне клиента он всегда выводит «неопределенное '. Это происходит, когда я использую компонент «Ссылка», если я использую «а» (якорь), он работает, но я хочу использовать компонент «Ссылка». Есть идеи? Спасибо!

0 ответов

Другие вопросы по тегам