Access to fetch at 'http://127.0.0.1:9000/' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
时间: 2024-03-31 22:33:38 浏览: 18
这个错误提示是因为浏览器的同源策略(Same-Origin Policy)限制了不同源的网页之间的交互操作。在该错误中,浏览器阻止了从源为 http://127.0.0.1:5500 的网页向源为 http://127.0.0.1:9000 的网页发送跨域请求。
要解决这个问题,可以在后端服务器的响应头中加入 `Access-Control-Allow-Origin` 字段,指定允许的跨域源。例如,如果你使用的是 Node.js + Express 框架,可以在服务器端代码中添加以下中间件:
```javascript
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', '*');
next();
});
```
其中的 `*` 表示允许所有源跨域访问该服务器资源,也可以指定具体的源。
如果后端服务器不能修改响应头,也可以在前端请求中设置 `mode: 'no-cors'`,以禁用 CORS,但是这种方式只适用于不需要访问响应内容的情况。
```javascript
fetch('http://127.0.0.1:9000/', {
mode: 'no-cors'
})
```
相关问题
access to fetch at from origin has been blocked by cors policy:No access-control-allow-origin
这个错误是由于浏览器的CORS(跨域资源共享)策略引起的。浏览器默认情况下不允许跨域请求,除非服务器设置了适当的响应头。当你的请求来自一个源,而服务器的响应没有包含`Access-Control-Allow-Origin`响应头时,就会出现这个错误。
要解决这个问题,你可以在服务器端配置响应头,将`Access-Control-Allow-Origin`设置为允许请求的源。例如,如果你希望允许所有源的请求,可以设置`Access-Control-Allow-Origin: *`。如果你想限制只有特定的源可以访问,可以将该源的URL作为值进行设置。
如果你无法控制服务器响应头的设置,那么你可以尝试使用代理来绕过这个问题。通过将请求发送到你自己的服务器,然后再由服务器代理发送到目标服务器,并将响应返回给客户端,就可以解决CORS错误。
另外,还有其他一些CORS相关的响应头,如`Access-Control-Allow-Methods`和`Access-Control-Allow-Headers`等,你可能也需要根据具体情况进行配置。
Access to XMLHttpRequest at 'http://localhost:8080/poi/list' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
这个错误是由于浏览器的同源策略引起的。同源策略要求在使用XMLHttpRequest或Fetch API发送跨域请求时,服务器必须在响应头中包含"Access-Control-Allow-Origin"字段来指定允许访问的域名。如果服务器没有设置这个响应头,浏览器会阻止请求,从而导致该错误。
要解决这个问题,你可以在服务器端配置响应头来允许跨域访问。在你的例子中,你需要在http://localhost:8080/poi/list的响应头中添加"Access-Control-Allow-Origin: http://localhost:8081"。
具体的配置方法可以根据你使用的服务器框架而有所不同。如果是使用Java开发的话,你可以在后端代码中添加如下配置:
```java
response.setHeader("Access-Control-Allow-Origin", "http://localhost:8081");
```
如果是使用其他语言或框架,请参考对应的文档来进行配置。