前端项目(react)部署到WIN2012(react)

前端项目(react)部署到WIN2012(react)

码农世界 2024-05-24 前端 73 次浏览 0个评论

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服务器(暂时不需要)

  1. 打开IIS管理器。
  2. 选择你的网站(在本例中为 gnss-dashboard)。
  3. 确保默认文档设置为 index.html。
  4. 配置URL重写规则(如有需要),可以通过IIS管理器中的“URL重写”模块进行设置。

4.3备份现有构建

在进行部署之前,备份服务器上现有的 build 文件夹。可以将其复制到另一个目录进行备份。

4.4部署新构建

将本地生成的 build 文件夹的内容复制到 C:\inetpub\wwwroot\gnss-dashboard,覆盖现有文件。

4.5验证部署

在浏览器中访问部署的应用程序,确保其正常运行。默认情况下,可以通过服务器的IP地址或域名访问,例如 http:///gnss-dashboard。

TODO IIS Web服务器

转载请注明来自码农世界,本文标题:《前端项目(react)部署到WIN2012(react)》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,73人围观)参与讨论

还没有评论,来说两句吧...

Top