本文主要记录如何配置vue的打包文件配置项,使打包后的文件可以支持二级域名的访问。
1、常规打包
在实际的项目中,我们通常都使用 npm run build 直接打包文件后丢到服务器上访问
打包后的文件目录是这样的:
访问的静态资源都是地址是这样的:
我们现在要放在服务器的二级域名下访问地址,那么访问的路径就应该也加上二级域名,该如何配置尼?
2、静态文件地址修改
静态文件的访问地址应该加上二级域名前缀:
方法:找到项目的打包配置文件index.js,对参数assetsPublicPath进行配置:
解释一下:assetsPublicPath: 是webpack打包后的文件访问的