jq Ajax 发送请求 报错 CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
时间: 2023-12-30 07:24:48 浏览: 30
您遇到的问题是CORS(跨域资源共享)导致的报错。当您在一个域名下的网页中使用Ajax发送请求到另一个域名下的资源时,浏览器会根据同源策略进行限制,如果服务器没有正确设置CORS响应头,就会出现报错"CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource"。
解决这个问题的方法是在服务器端设置正确的CORS响应头,允许来自其他域名的请求访问资源。具体的设置方法取决于您使用的服务器框架或语言。
以下是一个使用Express框架的Node.js服务器的示例代码,展示如何设置CORS响应头:
```javascript
const express = require('express');
const app = express();
// 设置CORS响应头
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
next();
});
// 处理请求的路由
app.get('/api/data', (req, res) => {
// 处理请求并返回数据
res.json({ message: 'Hello, CORS!' });
});
// 启动服务器
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
```
在上述代码中,通过设置`res.setHeader('Access-Control-Allow-Origin', '*')`,允许来自任何域名的请求访问资源。您可以根据需要修改这个值,例如将`*`替换为特定的域名。
请注意,以上代码只是一个示例,实际的设置方法可能因服务器框架或语言而异。您需要根据您的具体情况进行相应的设置。