built files are meant to be served over an HTTP server. Opening index.html over file:// won't work

npm run build之后,出现提示:Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won‘t work.

打开dist文件夹里的index.html文件,页面无法显示,控制台报错如下:
图片

解决1:将绝对路径改为相对路径

**修改目标文件:**项目目录 > config文件夹 > index.js

assetsPublicPath:'/' 改为:assetsPublicPath:'./' 

图片
需要注意的是,不是修改dev下的assetsPublicPath,而是修改build下的assetsPublicPath

重新打包之后,运行dist里的index.html,页面能够显示了,但是背景图片却无法显示,控制台报错如下:

图片

解决2:配置背景图片路径

修改目标文件:项目目录 > build文件夹 >utils.js

publicPath:'../../',

图片

再次npm run build,dist文件里的index.html即可正常运行

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值