Netlify и React Vite: Netlify сообщает «Страница не найдена» при перезагрузке на сайте Vite и React

У меня есть сайт, созданный в React JS, где я использую Vite в качестве JS Bundler. Проблема в том, что когда я развернул сайт на Netlify и при перезагрузке страницы пишет "Страница не найдена".

Я попытался добавить изменение vite.config.jsfile.

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.

Пожалуйста, предоставьте решение для этого, я вижу, что это обычная проблема, но она мало решалась.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я вижу это как общую проблему, но она не была решена много.

Решение этой проблемы может произойти только с помощью документации, которая, к сожалению, без ссылки не поможет.

Не видя ваш сайт и описание этой распространенной проблемы, я могу только «предположить», что вы говорите о проблеме 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. Я скопировал код из исходного кода, и он содержал пробелы, я не знаю почему я удалил пробел, и это сработало как жемчужина.

Ali Ahmed Khan 09.02.2023 15:10

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