首先需要知道相对路径与绝对路径
<div class="avatar_box">
<img src="../assets/logo.png" alt=""> //相对路径
<img src="D:\list\todo\src\assets\logo.png" alt=""> //绝对路径
</div>
浏览器控制台报错Not allowed to load local resource是因为使用的绝对路径
- 浏览器为了安全不允许访问
- 所以需要改为相对路径即可
在这想要具体说一下相对路径
在src文件夹下建立了一个img文件夹,图片在img文件夹里存放
html文件也在src里面
1.页面文件与图片文件夹处于同级目录
此时获取到图片使用 ./img/11.jpg
2.页面文件与图片文件在一个文件夹直接使用11.jpg
3.页面文件与图片文件有各自的文件夹
此时应该使用
两个点/img/11.jpg
注意不要在左侧文件上右击复制相对路径,这个路径计算机仍然是找不到的