vue打包引用文件路径不对以及修改打包文件名

vue打包会自动生成
在这里插入图片描述
这是部署到服务器上的文件
但是你会发现项目打开是空白的 那是因为index.html文件中引用的路径不对
在这里插入图片描述
这是你要手动改index页面中所有引用路径 在 /static前加上 . 改成./static
但是手动改比较麻烦 每次打包都要改 这时你要改一下webpack打包文件
在这里插入图片描述
**config 文件下的index文件 中 assetsPublicPath: ‘/’, 这改成assetsPublicPath: ‘./’,**就可以了 每次打包路径就会正常
在这里插入图片描述
index: ’…/dist/index.html‘ 这个是 生成dist 下面index.html 页面的名称 可以改成你想要的文件页面名称
assetsSubDirectory: ‘static’,
static 是生成dist下面的static文件夹 里面包含了js,css,img等文件 这个文件名称也可以自定义

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值