nginx 配置

在 Nginx 配置中，要实现对特定路径（例如 /api/）的 GET 和 POST 请求进行反向代理，并且允许跨域请求，你需要确保配置正确地处理了这些请求，并且设置了适当的 CORS 头。以下是 Nginx 配置的一个示例：

location /api/ {
# 允许跨域请求的域名，* 代表允许所有域名
add_header Access-Control-Allow-Origin *;

# 允许的请求头
add_header Access-Control-Allow-Headers 'Authorization,Content-Type,Accept,Origin';

# 允许的方法
add_header Access-Control-Allow-Methods 'GET,POST,OPTIONS';

# 代理设置
proxy_pass http://localhost:5000;

# 设置代理请求头
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;

# 连接后端服务器超时时间
proxy_connect_timeout 90;

# 读取后端服务器响应的超时时间
proxy_read_timeout 90;

# 连接后端服务器的超时时间，如果后端服务器在该时间内没有发送数据，则取消代理请求
proxy_send_timeout 90;

# 缓存代理请求的body数据的时间
proxy_buffering on;

# 以下是文件扩展名的过滤，你可以根据需要启用或禁用
if ($request_filename ~* \.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx)$) {
    # 如果请求是文件下载，可以在这里设置特定的处理，例如：
    # proxy_pass 空字符串或其他配置；
    # expires 30d; # 设置文件缓存时间
    # break; # 停止执行后续的指令
}

}

大部分访问为了安全性 都是考虑限制了 跨域请求。
所有要设置好。

前端伪静态配置

主项目前端

location / {
try_files $uri $uri/ /index.html;
}

大屏前端

location /DataV {
try_files $uri $uri/ /DataV/index.html;
}

设置上传文件的大小

client_max_body_size 100m;

添加头部信息

proxy_set_header Cookie $http_cookie;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

请求头总长度大于128k时使用large_client_header_buffers设置的缓存区

client_header_buffer_size 128k;

指令参数4为个数，128k为大小，默认是8k。申请4个128k。

large_client_header_buffers 4 128k;

指定允许跨域的方法，*代表所有

add_header Access-Control-Allow-Methods 'GET,PUT,POST,DELETE,OPTIONS';

预检命令的缓存，如果不缓存每次会发送两次请求

add_header Access-Control-Max-Age 3600;

带cookie请求需要加上这个字段，并设置为true

add_header Access-Control-Allow-Credentials true;

表示允许这个域跨域调用（客户端发送请求的域名和端口）

$http_origin动态获取请求客户端请求的域 不用的原因是带cookie的请求不支持号

add_header Access-Control-Allow-Origin $http_origin;

表示请求头的字段 动态获取

add_header Access-Control-Allow-Headers $http_access_control_request_headers;

后端接口(按实际情况修改端口)

api

location /api/ {
add_header Access-Control-Allow-Origin $http_origin;
add_header Access-Control-Allow-Headers *;

允许的方法

add_header Access-Control-Allow-Methods 'GET,POST,OPTIONS';
proxy_pass http://localhost:5000;
if ($request_filename ~* ^.*?.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx)$){ }
}

websocket

location /websocket {
proxy_pass http://localhost:5000/api/message/websocket;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
proxy_read_timeout 600s;
}

报表设计接口配置(按实际情况修改端口)

location /ReportServer/ {
proxy_pass http://localhost:30007/;
}

文件预览服务

location /FileServer {
proxy_pass http://localhost:30090;
}

解决文件预览服务无法加载js,css问题

location ~ /FileServer/..(js|css)?$ {
proxy_pass http://localhost:30090;
}