当前位置: 首页 > 面试题库 >

在IIS 10上创建反应应用程序

何玉韵
2023-03-14
问题内容

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

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

我尝试过的

  1. 安装的网址重写

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

  3. 我创建了一个基本的React应用程序: 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>
  1. 然后我跑了 npm run build
  2. 在IIS中,我new website使用Application Pool:添加了一个DefaultAppPool,该路径链接到./build文件夹目录。
  3. 我浏览了该应用程序
  4. 我得到一个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


问题答案:

我只是尝试了一下,它起作用了:

创建反应应用程序myapp

纱线(或npm)建立

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

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

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

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

繁荣。



 类似资料:
  • 我想创建反应应用程序,但我的npx创建反应应用程序myapp命令不工作D:\AED 在D:\AED\aed中创建新的React应用。 安装包。这可能需要几分钟。使用cra模板安装反应、反应-多姆和反应-脚本... 它被困在这里已经两个小时了。

  • 使用npx create react应用程序创建新的react项目时,该过程停止并出现错误:内部/modules/cjs/loader。js:311。 内部/模块/cjs/loader.js:311抛出err;^错误:找不到模块'C:\用户\shonm\桌面\Web开发\WebSites\test1\node_modules\fs-额外\lib\index.js'。请验证package.json是

  • 运行此命令时,“create react app myapp”被卡住,如下面的屏幕截图所示:它已在目录“D:\usr\local\myapp”中创建了3个文件,如下所示 1)node_modules-文件夹 2) 包裹。json 3) 包裹锁。json D:\usr\本地 在D:\usr\local\myapp中创建新的React应用。 安装软件包。这可能需要几分钟。正在使用cra模板安装reac

  • 我对NodeJS是新手。我已经执行了以下命令。1.npm安装-g创建react应用程序2。创建react应用程序我的应用程序 在执行第二个命令时,我遇到了如下错误 安装软件包。这可能需要几分钟。正在安装react、react dom和react脚本。。。 uglifyjs-webpack-plugin@0.4.6安装后E:\Projects\HighAvenue\Dashboard\dashboa

  • 问题内容: 我正在使用create react app引导我的应用程序。 我已经添加了两个文件,并在根。 我的包括: 当我使用来运行我的应用程序并退出时,它会吐出来 我尝试了不同的方法,但只是没有在开发文件中使用Veriable,我在做什么错?! 指令结构为: Package.json脚本是: 编辑: @jamcreencia正确地指出我的变量应该前缀用。 编辑2 如果我为文件命名,就可以了,但是

  • Ember CLI,Ember的命令行界面提供了一个标准的项目结构,一组开发工具和一个插件系统。这允许Ember开发人员专注于构建应用程序,而不是构建使它们运行的​​支持结构。可通过ember --help显示Ember CLI提供的命令,或通过ember help <command-name>查看特定命令的信息。 创建应用程序 $ ember new super-rentals 上述ember