专栏文章索引：Web

有问题可私聊：QQ：3375119339

目录

一、项目场景

二、问题描述

三、原因分析

四、问题解决

一、项目场景

在vscode html里的img标签使用绝对路径

二、问题描述

在vscode html里的img标签使用绝对路径图片加载不出来

三、原因分析

如果页面在服务器上，浏览器出于安全考虑是不允许html访问本地文件的。不会允许浏览器打开file://开头的本地图片的。

如果页面html文件是放在本地的，比如用浏览器打开桌面上的html文件，是可以访问本地图片文件的。但也不能访问所在根目录以外的文件夹下的图片。否则会报错： “not allowed to load local resource”。

在用浏览器打开网页时帮你虚拟了一个服务器（可以认为在此虚拟服务器外的文件相当于在另一个电脑里），因此你点击webstorm右上角的浏览器图标打开网页时，网页路径是localhost:xxxx而你的图片也显示不出来。

四、问题解决

在文件夹中打开

这个方法有的网站图片仍打不开