本文共 1036 字，大约阅读时间需要 3 分钟。
最近遇到了一个挺有意思的问题。前端同学想要下载图片，但只能够预览，无法实现真正的下载。经过一番调试，终于找到了问题的根源——是跨域问题导致的。解决这个问题的关键在于对Nginx进行适当的配置。
在Nginx配置中，我们可以通过设置特定的头信息来允许跨域请求。以下是一些常用的配置项：
允许访问的域名：可以通过add_header 'Access-Control-Allow-Origin' '*';命令设置允许访问的域名，*表示允许所有域访问。
允许的请求方法：使用add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';可以指定允许的请求方法，通常包括GET、POST和OPTIONS。
允许的头信息字段：通过add_header 'Access-Control-Allow-Headers' 'User-Agent,Keep-Alive,Content-Type';可以指定允许的头信息字段。
缓存时间：设置add_header 'Access-Control-Max-Age' 1728000;可以指定跨域请求的缓存时间，通常建议设置为24小时以内。
对于预检请求（OPTIONS请求），我们可以单独进行处理，返回一个空的HTTP响应。具体配置如下：
if ($request_method = 'OPTIONS') { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'User-Agent,Keep-Alive,Content-Type'; add_header 'Access-Control-Max-Age' 1728000; add_header 'Content-Type' 'text/plain charset=UTF-8'; add_header 'Content-Length' 0; return 204;} 通过上述配置，我们可以有效地解决跨域问题，允许前端正常下载图片或进行其他跨域操作。记住，Nginx配置是解决跨域问题的关键工具，正确配置能够为前端开发带来极大的便利。
转载地址：http://ihcfk.baihongyu.com/