Вопрос или проблема
Я развернул проект nextjs (только фронтенд), собрав его с помощью
next build && next export
Я также включил файл .htaccess, который выглядит следующим образом:
`
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
# Не переписывать файлы или каталоги
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# Перенаправлять все остальные запросы на index.html
RewriteRule ^(.*)$ /index.html [L,QSA]
</IfModule>
`
Проблема в том, что хостинговый сайт работает нормально при использовании ссылок/кнопок, но когда я использую URL или обновляю страницу, появляется главная страница. Нет, это не перенаправление. Она просто отображается по тому же URL.
Я попробовал почти 5-6 .htaccess от chatgpt или от южтуберов, но проблема все еще сохраняется.
Ответ или решение
Проблема, с которой вы столкнулись, может быть вызвана тем, как ваш сервер обрабатывает маршрутизацию в приложении Next.js, особенно при использовании экспортированного статического сайта. Давайте рассмотрим возможные причины и решения данной проблемы.
Причины проблемы
-
Неправильная обработка маршрутов: Когда вы работаете с приложением Next.js, важно понимать, как маршрутизация функционирует в SPA (одностраничное приложение). При обновлении страницы или прямом вводе URL проверяется, существует ли файл или директория на сервере. Если сервер не находит соответствующий файл, он возвращает
index.html, что приводит к тому, что приложение перезагружается на домашнюю страницу. -
Настройка .htaccess: Стандартные правила перенаправления, которые указаны в вашем файле .htaccess, могут не совсем соответствовать потребностям вашего приложения.
Решение проблемы
Чтобы исправить эту ситуацию, попробуйте обновить ваш файл .htaccess следующим образом:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
# Не переписывать существующие файлы и директории
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# Перенаправить все остальные запросы на index.html
RewriteRule ^ index.html [L]
</IfModule>Пояснение
-
RewriteCond %{REQUEST_FILENAME} !-f и !-d: Данные условия проверяют, существует ли запрашиваемый файл или директория. Если они существуют, то переписывание правил не происходит, и запрос обрабатывается как обычно.
-
RewriteRule ^ index.html [L]: Это правило перенаправляет все запросы, которые не соответствуют файлам или директориям, обратно на
index.html. Это нужно для работы с маршрутизацией вашего Next.js приложения.
Дополнительные рекомендации
-
Проверьте конфигурацию сервера: Убедитесь, что на сервере включен модуль
mod_rewrite. Это можно сделать, добавив следующую строку в файл конфигурации Apache:LoadModule rewrite_module modules/mod_rewrite.so -
Кэширование браузера: Убедитесь, что кэш вашего браузера очищен, так как старые версии файла .htaccess могут храниться в кэше.
-
Тестирование на локальном сервере: Если возможно, протестируйте конфигурацию на локальной среде, чтобы избежать дополнительных переменных, таких как сетевые задержки или специфические настройки вашего хостинга.
Следуя приведённым рекомендациям, вы должны устранить проблему с перенаправлением на главную страницу при обновлении. Если возникнут дополнительные вопросы, не стесняйтесь обратиться за помощью.