IIS 10上的create-react-app

Question

我在网上搜索了有关如何在Microsoft IIS上部署React App的解决方案的信息。

我已经成功地部署了多个Node.JS应用程序，但是React却没有运气。

我尝试过的

1. 已安装的网址重写

2. 我跑了： npm i -g create-react-app

3. 我创建了一个基本的应用程序： create-react-app my-app

4. 我创建了一个名为web.config的./public路线

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>

5. 然后我跑了 npm run build
6. 在IIS中，我new website使用Application Pool：添加了一个DefaultAppPool，该路径链接到./build文件夹目录。
7. 我浏览了该应用程序
8. 我得到一个Site can't be reached错误。

是否有人尝试在IIS上进行部署？

我还尝试了以下资源：-https : //github.com/react-boilerplate/react-boilerplate/issues/711-https : //www.quora.com/How-can-one-host-ReactJS-在IIS中-https : //hackernoon.com/adding-web-config-to-react-projects-3eb762dbe01f

Answer 1

我只是尝试了一下，它起作用了：

创建反应应用程序myapp

纱线（或npm）建立

• 打开IIS管理器并创建一个新网站
• 将其指向新创建的react项目中的构建文件夹
• 创建一个新的应用程序池
• 右键单击应用程序池，然后在“流程模型”下找到“身份”，单击三个点
• 选择自定义，然后输入Windows凭据。

如果这不起作用，则可能需要启用对文件的读/写访问，因此右键单击网站并选择编辑权限。

• 转到“安全性”，然后单击“编辑”，选择“经过身份验证的用户”，然后在对话框底部检查“修改/完全控制/读取/写入”框（如果适用）。对应该在“组或用户名”部分下列出的Windows用户执行相同的操作。点击“应用/保存”。

• 右键单击该网站，然后转到“管理网站”，然后浏览。

繁荣。