使用http-server搭建localhost:8080站点时页面图片无法加载问题
本地http-server部署站点图片不显示问题
我执行了如下操作步骤:
- 安装Node.js
- 在cmd中执行命令:
npm install http-server -g - 切换到存放网站文件的
user/me/local目录 - 在谷歌浏览器中输入
localhost:8080访问站点
在localhost:8080打开HTML文件查看网站效果时,所有图片都无法显示。我在HTML文件中编写的代码为:<img src="imagens/karla.jpg" />
我最初猜测是C盘无访问权限导致图片加载失败,尝试修改代码为<img src="http://localhost:8080/imagens/karla.jpg" />后依然无法正常显示,但直接访问http://localhost:8080/imagens/karla.jpg链接可以正常打开图片。
备注:使用Visual Studio运行测试网站时图片可以正常加载,localhost:8080页面截图如下:
问题已解决
故障原因为Chrome浏览器安装的深色模式扩展将所有图片转为黑色,导致视觉上看起来没有加载成功。
内容的提问来源于stack exchange,提问作者Pinteco
相关产品推荐
相关产品推荐


