☰

하위 디렉터리/위치의 Nginx + Express 앱, 404 반환

tag-icon • tag-icon nginx reverse-proxy node.js http-status-code-404
하위 디렉터리/위치의 Nginx + Express 앱, 404 반환

다음을 통해 액세스할 수 있는 Express 앱을 만들고 싶습니다.http://website.com/appnginx를 역방향 프록시로 사용하고 정적 파일을 제공하는 데 사용합니다.

이것은 내 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에서 제공되지만 /info404를 생성합니다. Nginx 오류 로그:"/var/www/website.com/info" 실패(2: 해당 파일 또는 디렉터리 없음). Express 앱이 실행 중입니다( $pm2 ls-> 상태 "온라인").

나는 프록시 구성이 올바르지 않거나 nginx와 서버가 내 측에서 작동하는 방식에 대한 오해가 있을 수 있다고 가정합니다(이것이 첫 번째 단계입니다). 조언을 주시면 감사하겠습니다.

답변1

그러려면 DNS 항목을 만들어야 합니다.

콘텐츠 위치 지정, 서버 이름을 사이트 및 위치 콘텐츠에 추가

관련 정보