前端请求怎么添加头信息 'Access-Control-Allow-Origin'

在前端开发中，可以通过添加头信息 'Access-Control-Allow-Origin' 来解决跨域请求的问题。该头信息用于指定允许访问资源的域名。

要添加该头信息，可以使用以下几种方式：

1. 在后端服务器中设置：在后端服务器的响应中添加 'Access-Control-Allow-Origin' 头信息，并设置为允许访问的域名。例如，在Node.js中可以使用以下代码实现：

response.setHeader('Access-Control-Allow-Origin', 'http://example.com');

2. 使用代理服务器：在开发环境中，可以使用代理服务器来转发请求并添加头信息。例如，在webpack配置中可以使用 `http-proxy-middleware` 中间件来实现：

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',
    proxy({
      target: 'http://example.com',
      changeOrigin: true,
      headers: {
        'Access-Control-Allow-Origin': 'http://example.com'
      }
    })
  );
};

3. 在前端代码中添加：在前端代码中发送请求时，可以通过设置请求头来添加 'Access-Control-Allow-Origin' 头信息。例如，在使用XMLHttpRequest对象发送请求时，可以使用以下代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api', true);
xhr.setRequestHeader('Access-Control-Allow-Origin', 'http://example.com');
xhr.send();

以上是几种常见的添加 'Access-Control-Allow-Origin' 头信息的方式。根据具体情况选择适合的方式来解决跨域请求的问题。