下面是一个简单的示例，演示如何在 Nginx 配置中添加跨域头信息，以便允许跨域访问图片资源：

1. 打开 Nginx 配置文件。在宝塔面板中，你可以通过以下步骤找到并打开 Nginx 配置文件：

• 登录到宝塔面板。

• 在左侧菜单中选择“网站”。

• 在网站列表中找到你的网站，点击右侧的“设置”按钮。

• 在弹出的窗口中选择“配置文件”选项卡。

• 在这里，你可以看到 Nginx 的配置文件内容。

• 在配置文件的适当位置添加跨域头信息。通常，你可以在 server 块中的 location 块内添加跨域头信息。以下是一个示例配置：

nginx
server {  
    listen 80;  
    server_name example.com;  
    root /www/wwwroot/example.com;  
    index index.php index.html index.htm;  
  
    location ~* \.(jpg|jpeg|png|gif|ico)$ {  
        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' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';  
            add_header 'Access-Control-Max-Age' 1728000;  
            add_header 'Content-Type' 'text/plain charset=UTF-8';  
            add_header 'Content-Length' 0;  
            return 204;  
        }  
          
        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';  
    }  
  
    # 其他配置...  
}

在上面的示例中，我们使用了 location 块来匹配图片文件的请求，并在其中添加了跨域头信息。Access-Control-Allow-Origin 头设置为 *，表示允许来自任何域的请求。你可以根据需要调整这个值。

1. 保存并关闭配置文件。在宝塔面板中，点击“保存”按钮来保存你的更改。

2. 重启 Nginx 服务。在宝塔面板中，你可以在网站列表中找到你的网站，点击右侧的“重启”按钮来重启 Nginx 服务。

评论0