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

Question

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

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

我还使用 * 符号将所有 IP 绑定到端口 80。但没有起作用。

Answer 1

运行以下命令后，输出将在包含生产版本的项目中创建一个名为 \xe2\x80\x9cbuild\xe2\x80\x9d 的新文件夹。我们可以通过将这些文件复制到 IIS 网站的根目录来托管该项目，网站根文件夹应该能够被匿名帐户正常访问，因此，如果不是，我们应该授予 IUSR 帐户对该文件夹的完全访问权限默认网站。\n
\n
\n在 IIS 绑定模块中添加网站绑定后，
\n
\n使用以下地址可以正常访问网站。

\n

http://localhost\n

\n

此外，如果我们在 React 应用程序中添加某些路由功能（多个组件），则必须安装 IIS URL Rewrite 扩展。
\n https://www.iis.net/downloads/microsoft/url-rewrite
\n安装成功后，我们需要在IIS网站根目录下创建一个包含以下内容的web.config文件。

\n

<?xml version="1.0"?>\n<configuration>\n <system.webServer>\n <rewrite>\n <rules>\n <rule name="React Routes" stopProcessing="true">\n <match url=".*" />\n <conditions logicalGrouping="MatchAll">\n <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />\n <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />\n <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />\n </conditions>\n <action type="Rewrite" url="/" />\n </rule>\n </rules>\n </rewrite>\n </system.webServer>\n</configuration>\n

\n

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

\n