ASP.NET Core с приложением React.js, отображающим пустую страницу после развертывания

Я развернул Asp.net Core с приложением React.js в IIS. Приложение загружается, если я публикую код на веб-сайте по умолчанию. У меня есть другое приложение, работающее на порту 80, поэтому я добавил отдельное приложение в раздел «Веб-сайт по умолчанию», но приложение отображает пустую страницу. На вкладке «Сеть» я проверил, что проблем с загрузкой js и css нет.

Предположим, что имя моего приложения — «ExampleApp», и у меня есть папка «ExampleApp» внутри inetpub/wwwroot.

Пример:

  • Код опубликован под inetpub/wwwroot =>. http://localhost => работает
  • Код опубликован в inetpub/wwwroot/ExampleApp. =>. http://localhost/ExampleApp — пустая страница

Заранее спасибо!

  • Я установил пакет веб-хостинга .net core.
  • Я установил перезапись URL. В iis ничего не настраивалось.

пожалуйста, предоставьте достаточно подробностей, таких как журналы или минимальный код для воспроизведения

Samuel Aramide 22.04.2024 19:19

Шаг 1. Создайте приложение «React и Asp.net core». (Я использую .net core 6.0) Шаг 2. Опубликуйте приложение на iis «Веб-сайт по умолчанию».

Maniraj 22.04.2024 23:08
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
2
128
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Найдите файлы index.html и vite.config.js.

Затем добавьте <base href = "/ExampleApp/" /> в index.html. Как показано ниже:

Добавьте base: '/ExampleApp/', в vite.config.js файл.

Затем снова разверните проект ReactApp1.Server и разместите его в папке exampleApp.

Приведенный выше ответ помог мне найти основную причину, но на самом деле это не решило мою проблему. Я изучаю способ решения проблемы. Я опубликую ответ, как только исправлю. Огромное спасибо за помощь!!!

Maniraj 23.04.2024 15:32

Ниже приведены шаги, которые помогли решить мою проблему:

Установлен пакет веб-хостинга .net core 6.0 (для .net core 6.0). Добавлен "homepage":"/ExampleApp" в файл package.json. BrowserRoute заменен на HashRouter.

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