我如何在IIS web服务器中托管响应应用程序？

Question

如何在IIS服务器中托管reactjs应用程序？

我使用了npm run build并将文件替换到服务器中，并创建了引用这些文件的新站点。

此外，我还使用* sign将所有IP绑定到端口80。但没起作用。

Answer 1

运行以下命令后，输出将在包含生产生成的项目中创建一个名为“build”的新文件夹。我们可以通过将这些文件复制到IIS网站的根目录来承载项目，网站根文件夹应该能够被匿名帐户正确访问，因此，如果该文件夹不是默认网站，我们应该授予IUSR帐户完全访问该文件夹的权限。

在IIS绑定模块中添加网站绑定后，

我们可以使用下面的地址正确地访问该网站。

http://localhost

此外，如果我们在react应用程序中添加某些路由特性(多个组件)，则必须安装IIS重写扩展。

https://www.iis.net/downloads/microsoft/url-rewrite

安装成功后，我们需要在IIS网站的根目录下创建一个包含以下内容的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>

如果问题还存在，请随时告诉我。