1.检查package.json文件
打开项目根目录中的 package.json 文件,确保里面有构建命令(通常是 build)。
json
{
“scripts”: {
“start”: “react-scripts start”,
“build”: “react-scripts build”,
“test”: “react-scripts test”,
“eject”: “react-scripts eject”
}
}
2.生成生产环境构建
使用标准的构建命令来生成生产环境构建:
npm run build
3.部署到IIS服务器
生成 build 文件夹后,将其内容复制到 C:\inetpub\wwwroot\gnss-dashboard 目录。
4.详细步骤
4.1生成生产环境构建
在项目根目录中运行以下命令生成生产环境构建:
npm run build
4.2设置IIS Web服务器(暂时不需要)
- 打开IIS管理器。
- 选择你的网站(在本例中为 gnss-dashboard)。
- 确保默认文档设置为 index.html。
- 配置URL重写规则(如有需要),可以通过IIS管理器中的“URL重写”模块进行设置。
4.3备份现有构建
在进行部署之前,备份服务器上现有的 build 文件夹。可以将其复制到另一个目录进行备份。
4.4部署新构建
将本地生成的 build 文件夹的内容复制到 C:\inetpub\wwwroot\gnss-dashboard,覆盖现有文件。
4.5验证部署
在浏览器中访问部署的应用程序,确保其正常运行。默认情况下,可以通过服务器的IP地址或域名访问,例如 http:///gnss-dashboard。
还没有评论,来说两句吧...