Vue项目打包后提示Opening index.html over file:// won't work.

最近使用npm run build 打包Vue项目是出现报错如下:

百度翻译:

提示:构建的文件应该通过HTTP服务器提供服务。

在文件:/上打开index.html不起作用。

它提示提示:建立文件是放在一个HTTP服务器。打开index.html文件:/ /不工作。当直接使用浏览器打开文件时,浏览器控制台会报错

因为vue-cli的默认配置中, publishPath是用绝对目录

于是寻找解决办法,如下:

改config\index.js中的build的对象
assetsPublicPath: '/',

改为
assetsPublicPath: './',
即可

当然也可以在dist,执行以下命令:

cd dist
npm install -g http-server
hs

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值