前端代码 如何加 Access-Control-Allow-Origin' header
时间: 2023-11-03 11:59:57 浏览: 132
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
在前端代码中,你可以通过在服务器响应头中添加 'Access-Control-Allow-Origin' header 来允许跨域请求。这个 header 指定了允许访问资源的域名。你可以设置它为 '*',表示允许来自所有域名的请求,或者设置为具体的域名,只允许该域名的请求。
以下是使用 JavaScript 实现的示例代码:
```javascript
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置请求信息
xhr.open('GET', 'http://api.example.com/data', true);
// 设置请求头,允许跨域请求
xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
// 发送请求
xhr.send();
```
在上面的代码中,将请求头 'Access-Control-Allow-Origin' 设置为 '*',表示允许来自所有域名的请求。如果你只想允许特定的域名,可以将 '*' 替换为具体的域名。
阅读全文