ant.design.pro生产环境部署坑 --- 解决记

普通部署直接在根目录下

直接在项目所在的cmd里npm run build 直接就解决问题。

非根目录下的部署

这就双双闹出点问题如果你直接按不同方法那样做，jenkins会成功，但是当你访问站点的时候就懵逼，站点会给你好多404，比如像下面的一样：

也有可能他不报404了他会是这样的坑

返回个空白页，资源也加载了，没有404，但是打开文件却如上图右边所示的提示，打开index.html会出现这样的界面。如下

这里可能是outputPath没有配置正确。

接下来，
这个时候你就需要修改配置文件了，比如像下图所示：

这样之后一般就OK了，
这里的

base

类型：String
默认值：/
指定 react-router 的 base，部署到非根目录时需要配置。

publicPath

类型：String
默认值：/
指定 webpack 的 publicPath，指向静态资源文件所在的路径

这里不要忘了重置输出路径的重置 要在dist 后面加你路由文件的地址

outputPath

默认值： ./
指定输出路径。

谢谢阅读，欢迎交流。这里贴上umi的官方文档https://umijs.org/zh/config/#base，供您参考。
本文原创，转载请备注出处。谢谢