VS Code Live Server无法加载跨盘符绝对路径WebP图片求助

• 把图片移到项目目录（最省心的方案）
  将E:\desktop\1.webp复制到D盘项目文件夹里，比如新建个images子目录放进去，然后改img标签路径：

<img src="./images/1.webp" alt="1" />

这是Web项目的常规做法，既能避免跨盘符权限问题，也方便后续项目迁移。

• 给Live Server配置可访问的根目录
  打开VS Code的设置（快捷键Ctrl+,），搜索liveServer.settings.root，把值改成/（Windows下会对应当前所有磁盘），或者直接指定E盘路径E:/。设置完成后重启Live Server，就能正常加载E盘的图片了，路径可以写成：

<img src="/desktop/1.webp" alt="1" />

• 创建磁盘符号链接（适合不想移动文件的情况）
  以管理员身份打开命令提示符，在D盘项目目录下执行命令，创建指向E盘图片所在文件夹的符号链接：

mklink /D "D:\你的项目路径\images" "E:\desktop"

之后img标签用相对路径访问即可：

<img src="./images/1.webp" alt="1" />

• 临时修改浏览器安全设置（不推荐）
  Chrome等浏览器默认阻止HTTP页面访问本地文件，可通过添加启动参数解除限制：右键Chrome快捷方式→属性→目标栏末尾加 --allow-file-access-from-files（注意前面有空格）。这种方法会降低浏览器安全性，只适合临时测试用。

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