一、修改 customize-cra 的配置

打开 customize-cra 的配置文件 ：

const {
  setWebpackPublicPath,
} = require('customize-cra')

module.exports = override(
  // 加上这一行，假设打包后的路径为 /console/....
  setWebpackPublicPath('/console')
);

打包后，查看：

完美

但有一个问题，如果将它改为

setWebpackPublicPath('./')

打包后的路径会为：

<link ref="icon" href="/./console/favicon.icon"/>

问题原因：customize-cra 源码地址

查看源码可知做了判断

二、修改PUBLIC_URL

打开 /public/index.html 可以看到：

PUBLIC_URL

所以可以通过在 package.json 修改 scripts 里对应环境的 build 命令，加上 PUBLIC_URL=/console 即可。