☰

Nginx + Express 應用程式位於子目錄/位置，返回 404

tag-icon • tag-icon nginx reverse-proxy node.js http-status-code-404
Nginx + Express 應用程式位於子目錄/位置，返回 404

我想讓一個快速應用程式可以透過http://website.com/app並使用 nginx 作為反向代理以及提供靜態文件。

這是我的 nginx 設定：

upstream app {
    server localhost:3333;
}

server {
    listen 80;
    server_name website.com www.website.com;
    root /var/www/website.com;

    index index.html index.htm;

    location = / {
            try_files $uri $uri/ =404;
    }
    
    location /app/ {
        alias /var/www/app/static;
        try_files $uri $uri/ @app;
    }

    location @app {
        proxy_pass http://app;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";  
    }
}

index.js（位於/var/www/app/static/）透過 請求一些資源fetch("/info")。

app.js（位於/var/www/app/）應該提供所述資源

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json())

app.get("/info", (req, res) => {
    res.header("Content-Type",'application/json');
    res.send(JSON.stringify(info));
})

app.listen(3333, () => {
    console.log("Server listening at http://localhost:3333")
})

當我訪問時http://mywebsite.com/app，靜態檔案由 nginx 提供服務，但/info產生 404。「/var/www/website.com/info」失敗（2：沒有這樣的檔案或目錄）。 Express 應用程式正在執行（$pm2 ls-> 狀態「線上」）。

我假設代理配置不正確，或者可能對我這邊的 nginx 和伺服器如何運作有誤解（這是我的第一步）。如果您有建議，我將不勝感激。

答案1

你必須為此建立 DNS 項目，

指定內容的位置，新增伺服器名稱作為網站並在位置內容中

相關內容