基于vue-cli打包出现的问题

因为不可能将创建的项目直接部署上去,需要将页面打包。打包命令为:npm run build

打包完成之后,会在根目录下生成一个dist文件夹,这就是最后的成品页面,在打包好的最底下为什么会看到两行警告的内容

这里写图片描述

当直接使用浏览器打开文件时,浏览器控制台会报错

这里写图片描述

很多资源都加载失败,仔细看一下路径,绝对路径。E盘下哪有static文件夹,那就要将打包的路径改为相对路径,这个根据build命令一路跟踪,到config\index.js文件中的build对象,将assetsPublicPath中的“/”,改为“./”即可,就在前面加个点就可以了,并在build\build.js将这两句的提示信息删掉或注释掉,再打包直接用浏览器直接运行就OK了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值