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.
时间: 2023-07-24 17:00:15 浏览: 92
这个错误是由于浏览器的同源策略(Same-Origin Policy)导致的。浏览器会限制跨域请求,防止恶意网站获取用户的敏感信息。
解决这个问题可以通过在服务器端添加跨域资源共享(CORS)头部,允许特定的域名或所有域名访问该资源。在这个例子中,你需要在服务器的响应头中添加 "Access-Control-Allow-Origin: http://localhost:8081",以允许来自 http://localhost:8081 的请求访问该资源。
具体的实现方式取决于你使用的服务器框架或语言。你可以查阅相关文档或搜索相关的示例代码来了解如何在你的服务器端配置 CORS 头部。
相关问题
Access to XMLHttpRequest at 'http://10.13.5.25:8000/api/v1/workspaces/list' from origin 'http://localhost:8081' has been blocked by CORS policy
这个错误是由于跨域资源共享 (CORS) 策略导致的。浏览器会阻止在一个源 (origin) 上发起的跨域请求,除非目标服务器在响应中明确允许来自其他源的请求。
要解决这个问题,你可以在服务器端进行配置以允许跨域请求。具体的方法会根据你使用的服务器端技术有所不同,以下是一些常见的解决方案:
1. 在服务器端设置响应头:在服务器端的响应头中添加以下信息:
- Access-Control-Allow-Origin: http://localhost:8081
- Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
- Access-Control-Allow-Headers: Content-Type
2. 使用代理服务器:在开发环境中,你可以使用代理服务器来转发请求,绕过浏览器的跨域限制。例如,你可以使用 webpack-dev-server 或者 http-proxy-middleware。
3. JSONP 请求:如果你无法修改服务器端的配置,你可以尝试使用 JSONP 请求来获取数据。JSONP 可以通过动态创建一个 script 标签来实现跨域请求。
请注意,这些解决方案的适用性取决于你的具体情况和项目要求。你需要根据你的项目需求选择最适合的解决方案。
还有其他方法,都报错Access to XMLHttpRequest at 'http://localhost:8080/adminLogin' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. xhr.js:251 POST http://localhost:8080/adminLogin net::ERR_FAILED 500
这个错误提示属于跨域资源共享(CORS)问题。CORS 是一种机制,它使用额外的 HTTP 头来告诉浏览器,哪些源(网站)具有运行访问的权限。错误提示中显示,你的请求源来自 `http://localhost:8081`,但是服务器返回的响应头中没有包含 `Access-Control-Allow-Origin` 属性,导致浏览器拒绝了响应。
解决这个问题的方法有多种。其中一种方法是,在服务器端设置响应头,允许来自特定源的请求。你可以在服务器端的响应头中添加以下代码:
```
Access-Control-Allow-Origin: http://localhost:8081
```
这个代码表示允许来自 `http://localhost:8081` 的请求。如果你想允许来自所有源的请求,可以把这个值设置为 `*`。
如果你使用的是 Express 框架,可以使用 `cors` 中间件来简化设置。你可以通过以下代码安装 `cors` 中间件:
```
npm install cors --save
```
然后在服务器端代码中添加以下代码:
```javascript
const express = require('express')
const cors = require('cors')
const app = express()
app.use(cors({
origin: 'http://localhost:8081'
}))
// 其他代码
```
这样,就能够允许来自 `http://localhost:8081` 的请求了。
阅读全文