title: Nginx 502 Bad Gateway error ONLY in Firefox
body: <p>I am running a website locally, all the traffic is routed through NGinx which then dispatches requests to PHP pages to Apache and serves static files.  Works perfectly in Chrome, Safari, IE, etc.</p>
  
  <p>However, whenever I open the website in Firefox I get the following error:</p>
  
  <pre><code>502 Bad Gateway
  nginx/0.7.65
  </code></pre>
  
  <p>If I clear out cache and cookies, and then restart FireFox, I am able to load the site once or twice before the error returns.  I've tried both Firefox 3.6 and 3.5 and both have the same problem.</p>
  
  <p>Here is what my Nginx config looks like:</p>
  
  <pre><code>worker_processes  2;
  
  events {
      worker_connections  1024;
  }
  
  
  http {
  
   server {
       listen        80;
       server_name   local.mysite.amc;
       root          /Users/joshmaker/Sites/mysite;
  
    error_log  /var/log/nginx/error.log;
    access_log  /var/log/nginx/access.log;
  
       location / {
           proxy_set_header Host $host;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           proxy_pass http://local.mysite.amc:8080;
       }
  
    include /opt/local/etc/nginx/rewrite.txt;
   }
   server {  
    include /opt/local/etc/nginx/mime.types;
  
       listen        80;
       server_name   local.static.mysite.amc;
       root          /Users/joshmaker/Sites/mysite;
  
    error_log  /var/log/nginx/error.log;
    access_log  /var/log/nginx/access.log; 
   }
  }
  </code></pre>
  
  <p>And here is the errors that Firefox generates in my error.log file:</p>
  
  <pre><code>[error] 11013#0: *26 kevent() reported that connect() failed (61: Connection refused) while connecting to upstream     
  [error] 11013#0: *30 upstream sent too big header while reading response header from upstream
  [error] 11013#0: *30 no live upstreams while connecting to upstream
  </code></pre>
  
  <p>I am completely at a loss why a browser would cause a server error.  Can someone help?</p>