Question

当我从我的服务器ip：port浏览网站时，expressjs app的静态文件完全正常工作，但当应用程序从nginx提供时，静态文件给出404。这是我的nginx conf：

upstream project {
  server localhost:6546;
}

server {
  listen 80;
  server_name example.com;
  access_log  /var/log/nginx/example.com_access.log;
  error_log   /var/log/nginx/example.com_error.log;

  location / {
    proxy_pass http://project/;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
  location ~* \.(css|js|gif|jpe?g|png)$ {
    expires 168h;

  }

这是我的静态表达式代码：

app.enable('trust proxy');
app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(express.static(__dirname + '/public'));
app.set('view engine', 'ejs');
if (app.get('env') === 'production') {
    app.set('view cache', true);
}

Answer 1

虽然express.js通过一些连接中间件内置了静态文件处理，但是你永远不应该使用它。 Nginx可以更好地处理静态文件，并可以防止对非动态内容的请求阻塞节点进程。这是一个这样做的例子：

http {
    ...
    server {
        ...
        location ~ ^/(images/|img/|javascript/|js/|css/|stylesheets/|flash/|media/|static/|robots.txt|humans.txt|favicon.ico) {
          root /home/ubuntu/expressapp/public;
          access_log off;
          expires max;
        }
        ...
    }
}

代理nginx Express - 静态文件上的404

1 个答案: