Access to XMLHttpRequest at 'http://localhost:10010/item/list?page=1&size=5' from origin 'http://localhost:9001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. (索引):168 Error: Network Error at e.exports (axios.min.js:8:4483) at l.onerror (axios.min.js:8:3323) axios.min.js:8 GET http://localhost:10010/item/list?page=1&size=5 net::ERR_FAILED 404 (Not Found) (匿名) @ axios.min.js:8 e.exports @ axios.min.js:8 e.exports @ axios.min.js:8 Promise.then(异步) r.request @ axios.min.js:8 r.<computed> @ axios.min.js:8 (匿名) @ axios.min.js:2 query @ (索引):159 created @ (索引):149 callHook @ vue.js:2921 Vue._init @ vue.js:4617 Vue @ vue.js:4716 (匿名) @ (索引):128
时间: 2024-02-22 15:01:35 浏览: 26
这个错误是因为你的前端代码向后端发起了跨域请求,但是后端没有设置允许跨域访问的响应头,所以浏览器会拦截这个请求。你需要在后端设置一个响应头来允许前端的跨域请求。可以在后端的接口中添加如下代码:
```java
response.setHeader("Access-Control-Allow-Origin", "*");
```
其中,`*` 号表示允许所有来源的跨域请求,你也可以指定具体的域名。同时,你还需要确保请求的 URL 和后端代码中的 URL 是一致的,否则会出现 404 Not Found 错误。
相关问题
Access to XMLHttpRequest at 'http://localhost:8081/api/login' from origin 'http://localhost:8080'
根据提供的引用内容,你可以通过以下两种方式解决"Access to XMLHttpRequest at 'http://localhost:8081/api/login' from origin 'http://localhost:8080'?"的问题:
1. 在PHP中添加跨域配置:
```php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, DELETE");
header("Access-Control-Allow-Headers: DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Accept-Language,Origin,Accept-Encoding,token");
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
exit();
}
```
2. 在Spring Boot中添加跨域配置:
```java
@Configuration
public class AccessControlAllowOriginFilter implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/*/**")
.allowedHeaders("*")
.allowedMethods("*")
.maxAge(1800)
.allowedOrigins("*");
}
}
```
这两种方式都是通过设置响应头来允许跨域请求。第一种方式是在PHP中添加相应的header头,第二种方式是在Spring Boot中添加一个过滤器类来配置跨域请求。
Access to XMLHttpRequest at 'http://127.0.0.1:1122/' from origin 'http://loc
根据提供的引用内容,可以看出这是CORS(跨域资源共享)的错误提示。这是由于浏览器的同源策略所导致的。同源策略是浏览器的一种安全策略,它限制了一个源(协议、域名、端口)的文档或脚本如何能够与另一个源的资源进行交互。如果两个页面的协议、域名、端口有任何一个不同,那么它们就被认为是不同的源。在这种情况下,浏览器会阻止页面向另一个源发送请求。
解决这个问题的方法是在服务器端设置响应头,允许特定的源访问资源。可以在服务器端设置Access-Control-Allow-Origin响应头,将其设置为允许访问的源。例如,如果想允许所有的源访问资源,可以将其设置为"*"。
如果你是在开发中遇到了这个问题,可以尝试以下几种解决方法:
1. 在服务器端设置Access-Control-Allow-Origin响应头,允许特定的源访问资源。
2. 将前端代码和后端代码部署在同一个域名下,避免跨域问题。
3. 使用代理服务器来转发请求,避免跨域问题。