У меня есть сайт, созданный в React JS, где я использую Vite в качестве JS Bundler. Проблема в том, что когда я развернул сайт на Netlify и при перезагрузке страницы пишет "Страница не найдена".
Я попытался добавить изменение vite.config.js
file.
import { defineConfig } from "vite";
import { resolve } from "path";
import react from "@vitejs/plugin-react";
// https://vitejs.dev/config/
export default defineConfig({
build: {
rollupOptions: {
input: {
main: resolve(__dirname, "index.html"),
},
},
},
plugins: [react()],
});
Я также добавил файл .redirects.
Пожалуйста, предоставьте решение для этого, я вижу, что это обычная проблема, но она мало решалась.
Я вижу это как общую проблему, но она не была решена много.
Решение этой проблемы может произойти только с помощью документации, которая, к сожалению, без ссылки не поможет.
Не видя ваш сайт и описание этой распространенной проблемы, я могу только «предположить», что вы говорите о проблеме 404 при обновлении, как и другой аналогичный вопрос, опубликованный вчера: Маршруты не работают должным образом в React с использованием Vite (В СТРОИТЕЛЬСТВЕ)
Решение задокументировано в документации React (ну, приложение Create React, но и в этом случае тоже): https://create-react-app.dev/docs/deployment/#netlify
Вам нужно создать файл, public/_redirects
с содержимым:
/* /index.html 200
Вы уже упоминали, что сделали это, но если это не соответствует точному размещению и синтаксису, как указано выше, это не сработает.
Отлично, большое спасибо, это сработало. Я не хранил файл _redirects в общей папке, и его содержимое было таким: /* /index.html 200, а не /* /index.html 200. Я скопировал код из исходного кода, и он содержал пробелы, я не знаю почему я удалил пробел, и это сработало как жемчужина.