nginx의 하위 디렉토리에 대한 리버스 프록시

내 Heroku 앱 ( http://lovemaple.heroku.com )의 VPS에 리버스 프록시를 설정하고 싶습니다. 따라서 방문하면 http://lovemaple.heroku.commysite.com/blog 에서 콘텐츠를 얻을 수 있습니다.

나는의 지시에 따라 아파치 위키 .

    location /couchdb {
        rewrite /couchdb/(.*) /$1 break;
        proxy_pass http://localhost:5984;
        proxy_redirect off;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

내 상황에 맞게 변경했습니다.

    location /blog {
        rewrite /blog/(.*) /$1 break;
        proxy_pass http://lovemaple.heroku.com;
        proxy_redirect off;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

방문 mysite.com/blog하면 페이지가 표시되지만 js / css 파일을 가져올 수 없습니다 (404).
그들의 연결은 mysite.com/style.css되나 그렇지 않습니다 mysite.com/blog/style.css.

무엇이 잘못되었으며 어떻게 해결할 수 있습니까?

HTML에서 참조를 수정해야합니다. nginx는이를 수행 할 책임이 없습니다. 그것들이 어떤 디렉토리에 상주하도록 설정할 수 있습니다 :

<link rel="stylesheet" type="text/css" href="style.css">

(대신 "/style.css")

귀하의 워드 프레스의 데이터베이스로 이동 및 업데이트 siteurl에 wp_options로는 http://lovemaple.heroku.comOK입니다.