Блог

Я работаю над веб-приложением Reactjs, в котором размещается собрание и создается общедоступная ссылка для присоединения к собранию. Ссылка создается следующим образом: https://some_domain_name/screen_Share/8MoLgQnPjFcE-7v_bo967rIAueJ7Lv1zpIkxDtjJOMM

Он отлично работает на локальном хосте, но на производстве выдает ошибку в консоли с пустой страницей:

Изображение ошибки после перехода по ссылке на собрание

Компонентный маршрут-это :

 lt;Route exact path="/screen_Share/:id" component={screen_Share}/gt;  

При развертывании файл Web.config является:

 lt;?xml version="1.0" encoding="UTF-8"?gt; lt;configurationgt;  lt;system.webServergt;  lt;rewritegt;  lt;rulesgt;  lt;rule name="Meetup" stopProcessing="true"gt;  lt;match url="(.*)" /gt;  lt;conditionsgt;  lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /gt;  lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /gt;  lt;add input="{REQUEST_URI}" pattern="^/(api)" negate="true" /gt;  lt;/conditionsgt;  lt;action type="Rewrite" url="/" /gt;  lt;/rulegt;  lt;/rulesgt;  lt;/rewritegt;  lt;/system.webServergt; lt;/configurationgt;  

Я много чего перепробовал, но не повезло, возможно, мне придется добавить некоторые правила в файл Web.config при развертывании. Пожалуйста, объясните мне, как решить эту проблему.

Эти вопросы были решены. Я добавил это в тег в index.html файл.

 lt;base href="/" /gt;