Not allowed to load local resource: file:///C://Users/LOSER/Desktop/program/vue/vue-project/src/assets/emoji_huaji.png
时间: 2023-08-02 17:09:02 浏览: 111
这个错误提示"Not allowed to load local resource"是由于浏览器的安全策略导致的。浏览器默认不允许通过file协议加载本地文件资源,以防止恶意脚本访问用户的本地文件。因此,你需要通过一些方法来解决这个问题。
一种解决方法是使用一个本地Web服务器来提供文件资源。你可以使用Web Server for Chrome插件来搭建一个本地Web服务器,并将你的文件放在服务器的目录下。然后,通过服务器的URL来访问文件,而不是直接使用file协议的本地路径。你可以在Chrome浏览器中下载并安装Web Server for Chrome插件,然后配置服务器并选择要访问的文件。这样,你就可以通过服务器的URL来加载文件了。[2]
另一种解决方法是将文件放在项目的静态资源目录下,然后通过相对路径来引用文件。在你的Spring Boot项目中,你可以在MyWebConfig类的addResourceHandlers方法中配置静态资源的映射路径。将文件放在静态资源目录下后,你可以使用相对路径来引用文件,而不是使用file协议的本地路径。[1]
总结起来,你可以通过搭建本地Web服务器或者将文件放在项目的静态资源目录下来解决"Not allowed to load local resource"的问题。这样,你就可以通过服务器的URL或者相对路径来加载文件了。
相关问题
Not allowed to load local resource: file:///
"Not allowed to load local resource: file:///" 是一个浏览器的错误提示,它表示浏览器不允许加载本地资源。这是出于安全考虑,以防止恶意网站获取用户的本地文件。
当你在网页中使用 file:// 协议来加载本地文件时,浏览器会拒绝加载,并显示该错误信息。这是因为网页的运行环境是在浏览器中,它只能加载网络上的资源,而不能直接访问用户的本地文件系统。
如果你需要在网页中加载本地资源,可以考虑使用其他方式,比如将本地资源上传到服务器上,然后通过网络地址进行访问。或者使用服务器端脚本语言来读取本地文件并将其内容返回给网页。
not allowed to load local resource: file:///d:/20230808112356.jpg
这个错误信息表示不能加载本地资源,是因为在浏览器的安全策略中,默认情况下不允许通过文件协议(file://)加载本地资源。
浏览器限制通过file://协议加载本地资源是为了保护用户的安全,防止恶意代码通过这种方式访问用户的计算机文件。
要解决这个问题,有以下几种方法:
1. 将图片文件放在一个web服务器上,通过HTTP协议(http://)加载图片。这样就不会触发安全策略限制。
2. 将图片文件移动到网站目录下,使用相对路径进行引用。例如,如果图片文件和HTML文件在同一个目录下,可以使用相对路径"20230808112356.jpg"引用图片。
3. 在浏览器的地址栏中输入"about:config"进入配置界面,搜索"security.fileuri.strict_origin_policy"并将其值设为false。这将关闭浏览器的安全策略,允许通过file://加载本地资源。但是,这种方法会降低浏览器的安全性,不建议在正式环境中使用。
总之,要解决"not allowed to load local resource"错误,最好的方法是将图片文件放在web服务器上,并通过HTTP协议加载图片。这样不仅能够保护用户安全,还能更好地适应 web 开发的基本原则。