Блог

Я развернул свое приложение reactjs в веб-приложении azure. При попытке получить доступ к длинному URL-адресу я получаю сообщение об ошибке «Ресурс, который вы ищете, был удален, его имя было изменено или временно недоступен».

Я нашел некоторый ответ на stackoverflow, который они предлагают добавить файл web.config на корневом уровне каталога azure, поэтому я добавляю это, но ошибка все еще возникает.

после добавления файла web.config по-прежнему появляется сообщение «Ресурс, который вы ищете, был удален, его имя изменено или временно недоступен». reactjs в Azure

мой файл web.config находится здесь

 lt;configurationgt; lt;system.webServergt;  lt;rewritegt;  lt;rulesgt;  lt;rule name="Main Rule" stopProcessing="true"gt;  lt;match url=".*" /gt;  lt;conditions logicalGrouping="MatchAll"gt;  lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /gt;  lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /gt;  lt;/conditionsgt;  lt;action type="Rewrite" url="/" /gt;  lt;/rulegt;  lt;/rulesgt;  lt;/rewritegt; lt;/system.webServergt; lt;/configurationgt;  

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

• Эта ошибка возникает, когда URL-адрес вводится непосредственно пользователем в URL-адрес браузера или если вы используете окно.местоположение.замените, чтобы перенаправить страницу.
• Поместите файл web.config в корневой каталог приложения. Содержимое файла web.config-это просто правила перенаправления, как показано ниже:

   lt;?xml version="1.0" encoding="UTF-8"?gt;   lt;configurationgt;  lt;system.webServergt;  lt;rewritegt;  lt;rulesgt;  lt;clear /gt;   lt;!-- ignore static files --gt;  lt;rule name="AngularJS Conditions" stopProcessing="true"gt;  lt;match url="(app/.*|css/.*|fonts/.*|images/.*|js/.*|node_modules/.*)" /gt;  lt;conditions logicalGrouping="MatchAll" trackAllCaptures="false" /gt;  lt;action type="None" /gt;  lt;/rulegt;   lt;!-- check if its root url and navigate to default page --gt;  lt;rule name="Index Request" enabled="true" stopProcessing="true"gt;  lt;match url="^$" /gt;  lt;action type="Redirect" url="/home" logRewrittenUrl="true" /gt;  lt;/rulegt;   lt;!--remaining all other url's point to index.html file --gt;  lt;rule name="AngularJS Wildcard" enabled="true"gt;  lt;match url="(.*)" /gt;  lt;conditions logicalGrouping="MatchAll" trackAllCaptures="false" /gt;  lt;action type="Rewrite" url="index.html" /gt;  lt;/rulegt;   lt;/rulesgt;  lt;/rewritegt;  lt;/system.webServergt;  lt;/configurationgt;  

• Первое правило состоит в том, чтобы передать все статические файлы, поэтому просто перечислите все каталоги статических файлов.
• Второе правило заключается в перенаправлении корневого URL-адреса на виртуальный маршрут, как в моем примере это /home. А остальное должно быть перенаправлено на ваш index.html файл.
• Крайне важно, чтобы ваш index.html файл содержит **lt;base href=”/” /gt;** in the **lt;headgt;** тег для включения маршрутизации.

Обновить

Попробуйте остановить и перезапустить приложение.