如何配置Nginx与Express：仅托管静态文件，由Express处理HTML？

upstream client {
    server client:3000;
}

upstream api {
    server api:5000;
}

server {
    listen 80;

    # 处理静态资源请求：匹配所有以/public开头的路径
    location /public/ {
        # 替换为你服务器上public文件夹的实际绝对路径
        alias /path/to/your/public/;
        # 可选：开启静态文件缓存优化
        expires 30d;
        add_header Cache-Control "public, no-transform";
    }

    location / {
        proxy_pass  http://client;
    }
    location /sockjs-node {
        proxy_pass http://client;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
    }

    location /api {
        rewrite /api/(.*) /$1 break;
        proxy_pass  http://api;
    }
}

关键说明 #

• location /public/：该规则会优先拦截所有以/public/开头的请求，比如/public/css/main.css、/public/svgs/logo.svg，这类请求直接由Nginx处理，不会转发到Express。
• alias /path/to/your/public/：必须填写服务器上public文件夹的绝对路径（比如/home/your-project/public/或/usr/share/nginx/client/public/），注意路径末尾的斜杠不能省略，否则会导致Nginx拼接文件路径错误。
• 缓存配置（可选）：expires和Cache-Control设置能让浏览器缓存静态资源，减少重复请求，提升页面加载速度。

Pug模板中的引用方式 #

直接使用你期望的路径即可，示例：

link(rel="stylesheet", href="/public/css/main.css")
script(src="/public/js/main.js")
img(src="/public/svgs/logo.svg")

这样静态资源请求由Nginx直接响应，页面路由等其他请求依然会转发到Express处理Pug模板渲染。

内容的提问来源于stack exchange，提问作者Taste of Leaving