解决前端访问本地资源图⽚显⽰Notallowedtoloadlocalresource的问
题
本⼈使⽤的是前后端分离的项⽬ React+SpringBoot，想前台访问本地的图⽚但是却显⽰这个错，（mac电脑）
这个地址是直接存在了数据库⾥，然后前端拿到的。
这个地⽅我犯了个致命的错误，浏览器是不能直接访问本地资源的，也是出于安全考虑，如果浏览器可以直接访问本地的话，那也是⼀件很可怕的事情。
所以：需要使⽤虚拟路径进⾏映射，在后端加映射路径的代码。
1.  addResourceHandler代表你要访问的路径，addResourceLocations代表你的图⽚真实存在的路径，意思就是：image代替了/Users/yuan/workspace-idea/images/的路径
1 @Configuration
2public class WebConfig implements WebMvcConfigurer {
3
react to的用法
4        @Override
5public void addResourceHandlers(ResourceHandlerRegistry registry) {
6/**
7            * 资源映射路径
8            * addResourceHandler：访问映射路径
9            * addResourceLocations：资源绝对路径
10*/      registry.addResourceHandler("/image/**").addResourceLocations("file:/Users/yuan/workspace-idea/images/");
11        }
12
13 }
这样就⼤功告成啦！希望可以解决你的问题～

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。