在azure上部署React应用程序

Question

我正在尝试在Azure上部署我的react应用程序。这是我推出的create-react-app。我已经按照这篇文章来部署它。我已将我的构建文件和web.config添加到我的网站/ wwwroot中。当我访问我的webapp网址时，我会看到“您无权查看此目录或页面。”

我在我的应用程序中使用客户端路由（react-router）。

这些是我的文件

的web.config

<?xml version="1.0"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <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="/" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

这就是我的项目在azure上的看法

Answer 1

您需要转到应用程序设置并在虚拟应用程序中添加路径，如下所示：