为什么 nginx 在错误的地方寻找 favicon.ico 并将我发送到错误页面？

Question

我正在尝试提供一个 Vue 应用，它基本上提供静态文件。我有一个简单的配置，其中还包括后端 PHP API 服务器。

当我转到api.myapp.home（我将其添加到hosts文件中）时，我确实看到了后端 html 页面。但是当我转到时myapp.home，它会将我发送到50x错误页面：

user       www-data;

http {
    server {
        listen 80;
        server_name api.myapp.home;
        root /var/www/php-backend/public; 
        add_header X-Frame-Options "SAMEORIGIN";
        add_header X-Content-Type-Options "nosniff"; 
        index index.php;
 
        charset utf-8;
 
        location / {
            try_files $uri $uri/ /index.php?$query_string;
        }
 
        location = /favicon.ico { access_log off; log_not_found off; }
        location = /robots.txt  { access_log off; log_not_found off; }
 
        error_page 404 /index.php;
 
        location ~ \.php$ {
            fastcgi_pass unix:/var/run/php/php8.1-fpm.sock;
            fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
            include fastcgi_params;
        }
 
        location ~ /\.(?!well-known).* {
            deny all;
        }
    }
    
    server {
        listen 80;
        server_name myapp.home;
        location /var/www/vue-frontend/dist {
            root   /;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }
    }     

}
events {}

当转到 时myapp.home，我一直看到index.html里面的页面/usr/share/nginx/html;而不是 Vue index.html。为什么？error.logat/var/log/nginx显示以下内容：

[通知]：信号进程已启动 [错误]：*53 open()“/usr/share/nginx/html/favicon.ico”失败（2：没有此文件或目录），客户端：127.0.0.1，服务器：myapp.home，请求：“GET /favicon.ico HTTP/1.1”，主机：“myapp.home”，引荐来源：“http://myapp.home/”

但是我将位置定义为/var/www/vue-frontend/distroot /，也就是index.html和所在的位置。那么为什么它会在错误页面位置中favicon.ico查找 呢？favicon.ico