Перезапись URL-адреса с помощью строки маршрутизатора React inURL - PullRequest
Новая
       91

Перезапись URL-адреса с помощью строки маршрутизатора React inURL

1 голос
/ 18 июня 2020

Итак, у меня есть мое приложение для реагирования, размещенное в ISS, и я настроил модуль перезаписи URL, и моя навигация по маршрутизатору реагирования работает нормально.

Моя проблема: HomeSite / Searchpage У меня есть таблица с результаты поиска.

Когда пользователь нажимает на один из результатов, он переходит к т.е. https://www.site/LWM2/Detail/ [itemid]

, а затем на моей странице сведений он получает [itemid] от URL-адрес для заполнения информации на странице. via const {[itemid]} = useParams ();

Как мне настроить правила в Url Rewrite, чтобы go отображал страницу с подробностями и сохранял информацию [itemid]

Current правила: 

<?xml version="1.0" encoding="UTF-8"?>  
<configuration>  
    <system.webServer>  
        <rewrite>  
            <rules>
                <rule name="RemoveTrailingSlashRule1" stopProcessing="true">
                    <match url="(.*)/$" />
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                    </conditions>
                    <action type="Redirect" url="{R:1}" />
                </rule>  
                <rule name="React Routes" stopProcessing="true">  
                    <match url=".*" />  
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                        <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />  
                    </conditions>  
                    <action type="Rewrite" url="/LWM2/" appendQueryString="false" />  
                </rule>  
            </rules>  
        </rewrite>  
    </system.webServer>  
</configuration>
...