使用Nginx輕鬆實現跨域資源共享

一、Nginx是什麼？

Nginx是一個高性能的HTTP和反向代理伺服器，也是一個IMAP/POP3/SMTP伺服器。它能夠充當負載均衡器、HTTP緩存、Web伺服器以及內容加速器等多種用途。Nginx的高性能和高可靠性已經成為互聯網企業中廣泛使用的伺服器軟體之一。

二、什麼是跨域資源共享？

跨域資源共享(CORS，Cross-Origin Resource Sharing)，是一種額外的HTTP頭，讓一個伺服器與一個網頁的JavaScript可以訪問來自於另一個域的資源。當一個頁面通過腳本請求不屬於本頁域名下的資源時，需要跨域訪問，由於JavaScript同源策略的限制，跨域訪問是被禁止的。因此引入CORS的機制來規範跨域訪問。

三、使用Nginx實現跨域資源共享的方法

為了實現CORS，需要在HTTP響應中添加Access-Control-Allow-Origin頭部信息，該頭部信息指定了允許訪問該資源的源。在Nginx中，可以通過添加以下location來允許指定的源訪問資源：

location /example/ {
    add_header 'Access-Control-Allow-Origin' 'http://example.com';
    ...
}

上述配置中的/example/替換成你需要跨域訪問的資源路徑，http://example.com替換為允許訪問該資源的源。如果需要允許多個源訪問，可以在Access-Control-Allow-Origin頭部信息中添加多個源，用逗號隔開：

location /example/ {
    add_header 'Access-Control-Allow-Origin' 'http://example.com, http://another-example.com';
    ...
}

如果要允許來自任意源的訪問，則可以使用*作為通配符：

location /example/ {
    add_header 'Access-Control-Allow-Origin' '*';
    ...
}

四、完整代碼示例

以下是一個完整的Nginx配置文件示例，用於實現跨域資源共享：

worker_processes 1;

events {
    worker_connections 1024;
}

http {
    sendfile on;

    server {
        listen 80;
        server_name example.com;

        location /example/ {
            add_header 'Access-Control-Allow-Origin' 'http://example.com';
            root /var/www/example;
        }
    }
}

在上述的Nginx配置文件中，server_name指定了伺服器的主域名，location /example/指定了需要跨域訪問的資源路徑。同時，在root中應該指定該路徑下的真實文件目錄。