Reverse proxy สำหรับไดเรกทอรีย่อยใน nginx

ฉันต้องการตั้งค่า Reverse proxy ใน VPS ของฉันสำหรับแอพ Heroku ของฉัน ( http://lovemaple.heroku.com ) ดังนั้นหากฉันเข้าชมmysite.com/blogฉันจะได้รับเนื้อหาในhttp://lovemaple.heroku.com

ผมทำตามคำแนะนำบนวิกิพีเดียอาปาเช่

    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.cssmysite.com/blog/style.css

เกิดอะไรขึ้นและฉันจะแก้ไขได้อย่างไร

คุณต้องแก้ไขการอ้างอิงใน HTML ของคุณ nginx จะไม่รับผิดชอบต่อการทำเพื่อคุณ คุณสามารถกำหนดให้พวกเขาไม่เชื่อเรื่องพระเจ้ากับสิ่งที่พวกเขาอยู่ในไดเรกทอรี:

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

(แทน"/style.css")

ไปยังฐานข้อมูลของคุณ wordpress และปรับปรุงsiteurlในการwp_optionsที่จะhttp://lovemaple.heroku.comมีการตกลง