vue-cli工程中config/index.js中assetsPublicPath路径配置问题记录

config/index.js中关于bulid打包时候默认assetsPublicPath是‘/’

看到不少人都说要改成‘./’，不然打包后的项目找不到js、css、图片这些信息。对这一块的理解一直比较模糊，这里记录下。

 

assetsPublicPath是配置为相对路径还是绝对路径，取决于你打包后前端资源怎么发布部署。

假如说，你把index.html以及static文件夹直接放到容器的根目录，即访问路径为：http://xxxx:9090/index.html这样形式，那么直接使用‘/’即可，不用使用相对路径。

但是如果说你的前端项目是在某个项目文件夹下或者合并到后台项目中去发布，即访问路径可能为：http://xxx:9090/projectname/index.html，那么就一定要使用'./',否则资源信息会找不到。

另外：放在static下的图片，在编码开发的时候直接使用相对路径即可，和assetsPublicPath配置为相对路径或绝对路径没有任何关系。这点不要混淆。