vue Not allowed to load local resource
时间: 2023-11-26 09:45:46 浏览: 45
这个问题通常是由于浏览器的安全策略导致的。浏览器不允许通过file://协议直接访问本地文件系统中的资源,因为这可能会导致安全问题。为了解决这个问题,你可以将资源放在服务器上,并通过http://协议访问。如果你需要在本地开发环境中访问本地文件系统中的资源,你可以使用一些工具来模拟服务器环境,例如webpack-dev-server或http-server等。
另外,根据你提供的代码,你似乎是在使用Spring Boot框架,通过addResourceHandlers方法将本地文件系统中的资源映射到了URL路径上。如果你使用的是Vue.js框架,你可以考虑使用vue-cli-plugin-serve插件来启动本地开发服务器,并将资源放在public目录下。这样就可以通过http://localhost:8080/doctor/路径来访问资源了。
相关问题
VUE Not allowed to load local resource
Not allowed to load local resource错误通常是由于浏览器的安全策略引起的。浏览器默认情况下不允许访问本地文件系统,这是为了保护用户的安全。所以当你在VUE项目中尝试加载本地资源时,可能会出现这个错误。
要解决这个问题,你可以将本地资源部署到服务器上,并使用服务器的URL来访问资源。具体步骤如下:
1. 将你要访问的资源上传到服务器上的某个目录中。
2. 在VUE项目中,使用服务器上资源的URL来替代本地文件路径。你可以在VUE组件中的<img>标签或其他地方使用这个URL来加载资源。
vue Not allowed to load local resource:
在Vue中,当我们使用相对路径引用本地资源时,可能会出现"Not allowed to load local resource"的错误。这是因为浏览器默认情况下不允许从本地文件系统加载资源。为了解决这个问题,我们可以使用绝对路径或将本地资源放在public文件夹中。
以下是两种解决方法:
1.使用绝对路径
可以使用绝对路径来引用本地资源。例如,如果你的图片在C盘的根目录下,你可以这样引用它:
```html
<img src="file:///C:/image.jpg">
```
请注意,这种方法只适用于本地开发环境,不适用于生产环境。
2.将本地资源放在public文件夹中
将本地资源放在public文件夹中,可以避免"Not allowed to load local resource"的错误。在Vue中,public文件夹是一个静态资源文件夹,里面的文件可以直接通过相对路径引用。
例如,如果你的图片在public文件夹的img子文件夹中,你可以这样引用它:
```html
<img src="./img/image.jpg">
```