问题描述

图片加载报错 - 图2标签加载本地资源报错Not allowed to load local resource

问题解决

出现这样的错一般为直接引用项目外的资源(图片,视频).
图片加载报错 - 图3
然后打开网页结果
图片加载报错 - 图4
不允许直接访问我们就需要配置一个虚拟路径来访问系统中的资源.

容器为tomcat解决方法

打开tomcat服务界面 在下面选择Modules 然后选择Add Web Module

图片加载报错 - 图5

选择Browse 选择你的资源目录,然后填写path 假如选择的为d盘 d盘下有一张a.png 那么你再写图片加载报错 - 图6即可

图片加载报错 - 图7

使用的spring boot

因为是内置的tomcat所有没法想上面一样直接选择.
我们可以写一个配置类

  1. import org.springframework.context.annotation.Configuration;
  2. import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
  3. import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
  4. /**
  5. * @Authof: ZhangYingHao
  6. * @Date: Create in 16:32 2018/8/8
  7. */
  8. @Configuration
  9. public class MyWebConfig implements WebMvcConfigurer {
  10. @Override
  11. public void addResourceHandlers(ResourceHandlerRegistry registry) {
  12. registry.addResourceHandler("/image/**").addResourceLocations("file:E:/uploadTool/result/");
  13. }
  14. }

路径ResourceHandler (/image/**)跟上面tomcat/image为一个道理, ResourceLocations(“….”)为你选择的系统资源目录
需要在目录前加file:
然后同tomcat直接使用图片加载报错 - 图8