You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 10:48:01