live-server渲染网页本地图片不显示，寻求解决方法

问题原因 #

当你用live-server .\test.html直接启动单个HTML文件时，live-server会将这个文件本身作为服务的根上下文，而非文件所在的目录。这导致HTML里的相对路径images/test.png无法正确指向同级的images文件夹——因为此时路径解析是基于单个文件，而非父目录。

解决方案 #

启动live-server时，不要指定单个HTML文件，而是指定文件所在的目录：

• 打开PowerShell，切换到test.html所在的目录（若当前不在该目录）
• 执行命令：live-server . 或直接 live-server（当前目录即为目标目录时）

这样live-server会将该目录作为网站根目录，访问页面时打开http://127.0.0.1:8080/test.html，此时images/test.png会被正确解析为http://127.0.0.1:8080/images/test.png，和你的目录结构完全匹配，图片就能正常显示了。

内容的提问来源于stack exchange，提问作者user32882