普通部署直接在根目录下
直接在项目所在的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,供您参考。
本文原创,转载请备注出处。谢谢