如何实现Nginx的跨域资源共享（CORS）配置

分类： Nginx学习发布时间： 2025-03-22 16:51:43

一、准备工作首先，确保你的服务器上已经安装了Nginx。如果没有安装，可以根据操作系统的不同，选择适合的安装方式进行安装。安装完成后，你需要找到Nginx的配置文件，通常位于/etc/nginx/nginx.conf或/etc/nginx/sites-available/default，具体路径可...

在Web开发中，跨域资源共享（CORS，Cross-Origin Resource Sharing）是一个常见的需求。Nginx作为一款高性能的HTTP和反向代理服务器，可以轻松地配置CORS。本文将详细介绍如何实现Nginx的跨域资源共享（CORS）配置。

一、准备工作

首先，确保你的服务器上已经安装了Nginx。如果没有安装，可以根据操作系统的不同，选择适合的安装方式进行安装。安装完成后，你需要找到Nginx的配置文件，通常位于/etc/nginx/nginx.conf或/etc/nginx/sites-available/default，具体路径可能因系统或Nginx的安装方式而有所不同。

二、添加CORS配置

打开Nginx配置文件后，你需要在server块或location块中添加CORS相关的配置。以下是一个简单的示例：

server {
    listen 80;
    server_name example.com;

    location / {
        **add_header 'Access-Control-Allow-Origin' '*' always;**
        **add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE' always;**
        **add_header 'Access-Control-Allow-Headers' 'Origin, Content-Type, Accept, Authorization' always;**

        # 处理OPTIONS请求
        if ($request_method = 'OPTIONS') {
            add_header 'Access-Control-Max-Age' 1728000;
            return 204;
        }

        # 其他配置，例如代理请求、静态文件等
        # proxy_pass http://backend_server;
    }
}

重点内容：

Access-Control-Allow-Origin：设置允许的源。'*'表示允许所有源访问。如果只想允许特定源，可以将'*'替换为具体的域名，如https://example.com。注意，当需要携带凭证（如Cookies）时，必须指定具体的域名。
Access-Control-Allow-Methods：指定允许的HTTP方法，例如GET、POST、OPTIONS、PUT、DELETE。
Access-Control-Allow-Headers：指定允许的请求头。常见的头包括Origin、Content-Type、Accept、Authorization等。