Блог

Главная - Вопросы по программированию - Next.js о верселе – Как добавить страницу в /индекс, которая не является домашней страницей

Next.js о верселе – Как добавить страницу в /индекс, которая не является домашней страницей

#next.js

#next.js

Вопрос:

Я создаю веб-сайт с Next.js и мне нужно добавить страницу под названием «Индекс» в xyz.com/index

Это прекрасно работает локально, но когда я развертываю веб-сайт в vercel, /index показывает домашнюю страницу, которая находится под xyz.com/

Есть ли способ заставить это работать с помощью перезаписи или настройки на vercel?

Ответ №1:

Вы бы попытались создать папку с именем Index, а затем в папке Index создайте файл js с именем index.js.

Вы можете увидеть это изображение—

введите описание изображения здесь

Ответ №2:

На данный момент ( next 12.0.3 ) решение, которое работает для меня, использует перезапись:

  1. Назовите страницу чем-то вроде «IndexPage».:

    /pages/indexPage.js

  2. Переписать /индексировать в /IndexPage:

    В next.config.js :

 module.exports = {  // …   async rewrites() {  return [  {  source: '/index',  destination: '/indexPage',  },  ]  },  // …  }

Использование следующей структуры папок работало только локально для меня, но не при развертывании в vercel:

 /pages/index/index.js
Метки: ,