前端对向http://10.133.5.111:7021/esb-new发起请求时，如何使用nginx等反向代理服务器解决跨域的问题

前端在访问HTTP://10.133.5.111:7021/esb-new这样的服务时遇到跨域问题，通常是因为浏览器的安全策略限制了来自非同源域名（即非HTTP://localhost或其他已信任源）的请求。在这种情况下，可以借助反向代理服务器如Nginx来解决。

1. **配置Nginx**:
首先，需要在Nginx的配置文件中设置一个location块，将所有到`10.133.5.111:7021`的请求转发到指定的URL。例如：

   server {
       listen 80; # 如果Nginx监听80端口
       location /esb-new {
           proxy_pass http://10.133.5.111:7021;
           # 添加下面这两行允许跨域头信息
           add_header 'Access-Control-Allow-Origin' *;
           add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
           # 如果需要支持POST等额外请求头
           add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization';
       }
   }

2. **处理OPTIONS预检请求**:
跨域请求通常会先发送一个OPTIONS请求来检查是否允许实际的请求。Nginx默认可能不会处理这个请求，所以需要添加对OPTIONS的支持：

   if ($request_method = 'OPTIONS') {
       add_header 'Access-Control-Allow-Origin' $origin;
       add_header 'Access-Control-Max-Age' 1728000;
       add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
       add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
       add_header 'Content-Length' 0;
       return 204;
   }

3. **重启Nginx**:
修改完配置后，记得重启Nginx服务让新的配置生效。

通过以上配置，前端的跨域请求将会通过Nginx转发，并携带适当的CORS（跨来源资源共享）头信息，从而能够在不受浏览器限制的情况下与后端API通信。