Not allowed to load local resource 报错问题

Question

Not allowed to load local resource 报错问题
前端我需要显示本地磁盘的图片

<img v-if="scope.row.imageURL != null " :src="scope.row.imageURL"/>

数据库里存储的是这样的

上网搜索后得知浏览器禁止网页访问本地文件，所以后端我也按照网上的解决方法修改成虚拟映射

@Configuration
public class PictureConversionConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/tmp/**")
                .addResourceLocations("file:D:/tmp/");
    }

}

这是我本地存放的路径

但是前端显示的时候没有报错，可仍是不显示图片

单独访问图片地址也是空白

请各位帮我看看是什么问题？多谢！

Answer 1

• 关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：Not allowed to load local resource: 报错解决方法
• 除此之外, 这篇博客: 浏览器报错：Not allowed to load local resource 原因及解决办法中的 原因分析： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 浏览器出于安全方面的考虑，禁止网页访问本地文件，因为图片是存在项目目录下的，所以无法通过本地的url进行访问。

  ---