html绝对路径not allowed

问题描述：
在本地搭建网页，html页面中用到非项目目录下的资源会报错

Not allowed to load local resource: file:///C:/Users/...

问题出在，浏览器不允许直接访问本地的资源，这时候我们就需要配置一个虚拟路径来访问系统中的资源.

解决：
配置虚拟路径
把文件存放路径目录映射到tomcat中，方法如下：

1、找到tomcat的配置文件（\conf\server.xml）并打开

2、在【host】与【/host】之间加入如下代码：【】其中：【path】就是映射的路径，【docBase】就是你的文件所在路径

3、调用方法：【E:\test】下有一张test.jpg的图片

【img 标签中的src改为“/file/test.jpg”】

4、测试ok
把文件存放路径目录映射到apache24中，方法如下：
1、打开/Apache24/conf/httpd.conf

2、找到这里的include，取消备注

# Virtual hosts
Include conf/extra/httpd-vhosts.conf

3、打开E:/Program Files/Apache24/conf/extra/httpd-vhosts.conf
添加以下语句：

`Alias /wallpaper "C:/Users/18262/Desktop/wallpaper"  #把后面的地址映射到前面
<Directory "C:/Users/18262/Desktop/wallpaper">
  Options FollowSymLinks
  AllowOverride all
  Require all granted
</Directory>

这样就可以通过localhost:80/wallpaper/* 访问 C:/Users/18262/Desktop/wallpaper/*