Vue CLI 设置 publicPath：打包后的应用可部署在任意路径

前言

领导要重新部署多个应用环境，且不受路径层级影响。
于是找到了 Vue CLI 配置 publicpath

配置说明

下图所示：

1. '/' ：默认值，应用部署在根路径上；
2. './'：注意前面加了一个点，应用可部署在任意路径上。因为 . 点代表相对路径；
3. ''：空字符串，同 2 是一个意思，代表相对路径。接着往下看就知道为啥可为空字符串；
   

打包

图左侧：相对路径，可部署在任意路径下。不带前缀，这也就是为啥为空字符串是一个意思；
图右侧：绝对路径，只能在根路径下，否则找不到相关文件；

总结

请仔细查看上图，一切尽在图中！强烈建议自动动手实践，会有更深刻的认知~