Nginx 是怎么解决跨域问题的

一共两点：

一、反向代理

Nginx 可以作为反向代理服务器，将不同源的请求转发到目标服务器上，然后再将响应返回给客户端。这样，对于客户端来说，它只和 Nginx 进行交互，而 Nginx 则负责和目标服务器通信。就好像一个中间人，同时解决了跨域问题。

配置如下：

server {
  listen 80;
  server_name localhost;

  location /api/ {
      proxy_pass 服务器地址;
  }
}

二、设置 CORS（跨源资源共享）

server {
  listen 80;
  server_name localhost;

  location / {
      add_header 'Access-Control-Allow-Origin' '*';
      add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
      add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
      add_header Access-Control-Allow-Credentials 'true';
  }
}

Access-Control-Allow-Origin：用于建立跨域请求允许的来源（在预检请求和跨域场景中的实际请求期间进行验证）。

---

Access-Control-Allow-Headers：允许在跨源请求期间包含特定标头信息字段（仅在预检请求期间进行验证）。

---

Access-Control-Allow-Methods：指定跨源请求允许的请求方法或 HTTP 动词（仅在预检请求期间验证）。

---

Access-Control-Allow-Credentials：确定是否允许跨源使用 cookie。如果要跨源使用 cookie，您可以包含此响应标头，并将值设置为 true。设置与否不影响请求的发送；只影响跨域场景下是否携带cookie。但是，如果设置，则预检和实际请求都需要配置此标头。