一、修改 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 即可。
网友评论