React前端项目Windows服务器IIS部署踩坑与出坑记录

（一）部署过程

第一次部署前后端分离的前端项目，开始没什么头绪，查了网上的一些教程，差不多都按如下步骤进行，于是就按步就班，依葫芦画瓢。

1、URL 重定向

凡是 IIS 部署纯前端应用（Vue，Angular，React）都要进行 URL 重定向。

下载 URL Rewrite，然后安装到 IIS 服务器上。

2、修改 package.json，增加homepage字段（homepage:'.')

3、在项目 public 文件夹中，添加 IIS 服务器配置文件，用于重写首页地址，新建 web.config(之后证实，此步骤为画蛇添足）

4、react 项目中需要注意，路由的问题

使用 HashRouter 可直接打包部署

使用 BrowserRouter 时，需要添加 basename，否则部署后页面空白(之后证实，此步骤为画蛇添足）

5、npm run build 打包

6、<