NGINX解决跨域访问

nginx的跨域配置

某个博客的参考： https://blog.csdn.net/m0_37886429/article/details/83618506

应用中的写法：

在nginx的配置文件中：
 location /api/ {
        include cors/allow-all.conf;
        
       ********
    }
    
而被引入的allow-all.conf
则是在nginx配置下的cors目录下的文件：

if ($request_method = 'OPTIONS') {
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    #
    # Custom headers and headers various browsers *should* be OK with but aren't
    #
    add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,source-mark,x-timestamp,x-token,access-token,refresh-token,customerId';
    #
    # Tell client that this pre-flight info is valid for 20 days
    #
    add_header 'Access-Control-Max-Age' 1728000;
    add_header 'Content-Type' 'text/plain; charset=utf-8';
    add_header 'Content-Length' 0;
    return 204;
}
if ($request_method = 'POST') {
    add_header 'Access-Control-Allow-Origin' '*';
    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,Range,source-mark,x-timestamp,x-token,access-token,refresh-token,customerId';
    add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}
if ($request_method = 'GET') {
    add_header 'Access-Control-Allow-Origin' '*';
    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,Range,source-mark,x-timestamp,x-token,access-token,refresh-token,customerId';
    add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}

 主要配置：
 include cors/allow-all.conf;