Score:0

กำหนดค่า NGINX: สำหรับ Wordpress Headless ด้วย nextjs

ธง br

ฉันต้องการสร้าง WordPress Headless (โดยใช้ wpgraphql API ที่ /graphql uri) โดยที่ส่วนหน้าจะเป็น next.js และฉันต้องการให้ทั้งส่วนหน้า (Next.js) และส่วนหลัง (ผู้ดูแลระบบ WordPress, เนื้อหา และ API) อยู่ใน โดเมนเดียวกัน.

ด้วยเหตุนี้ฉันต้องการคำขอทั้งหมดสำหรับ /wp-admin/* และ /wp-เนื้อหา/* และ /กราฟคิวแอล เพื่อนำไปยัง WordPress และ uri อื่นๆ ทั้งหมดจะถูกเปลี่ยนเส้นทางไปยังเซิร์ฟเวอร์ next.js ใน localhost:3000 ผ่าน reverse proxy ด้านล่างนี้คือไฟล์กำหนดค่า nginx

เซิร์ฟเวอร์ {
  ฟัง 80;
  ฟัง [::]:80;
  ราก /var/www/wordpress;
  ดัชนี index.php index.html index.htm;
  server_name localhost;

  client_max_body_size 100M;
  ปิดดัชนีอัตโนมัติ

  #เวิร์ดเพรส 
  ที่ตั้ง / {
    try_files $uri $uri/ /index.php?$args;
  }

  ตำแหน่ง ~ \.php$ {
    รวมตัวอย่าง/fastcgi-php.conf;
    fastcgi_pass ยูนิกซ์:/var/run/php/php7.4-fpm.sock;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    รวม fastcgi_params;
  }

  #Next.js
  ที่ตั้ง # ... {
    proxy_pass http://localhost:3000;
    proxy_http_version 1.1;
    proxy_set_header อัพเกรด $http_upgrade;
    proxy_set_header การเชื่อมต่อ "อัพเกรด";
    proxy_set_header โฮสต์ $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-ส่งต่อ-สำหรับ $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
  }
}

ความช่วยเหลือใด ๆ ที่ชื่นชมขอบคุณ

Score:0
ธง us

nginx ใช้คำนำหน้าการจับคู่ที่ยาวที่สุดที่ระบุด้วย ที่ตั้ง คำสั่ง ดังนั้นการตั้งค่าต่อไปนี้ควรทำสิ่งที่คุณต้องการ

คุณสามารถใช้วิธีการต่อไปนี้:

  ตำแหน่ง / wp-admin {
     try_files $uri $uri/ /index.php?$args;
  }
  
  ตำแหน่ง / wp- รวม {
     try_files $uri $uri/ /index.php?$args;
  }
    
  ตำแหน่ง /wp-json {
     try_files $uri $uri/ /index.php?$args;
  }

  ตำแหน่ง /wp-เนื้อหา {
      try_files $uri $uri/ /index.php?$args;
  }

  ตำแหน่ง /graphql {
      try_files $uri $uri/ /index.php?$args;
  }
Adiel avatar
br flag
ใช้งานได้ดี แต่ต้องเพิ่มพาธ `wp-includes` และ `wp-json` ขอบคุณ

โพสต์คำตอบ

คนส่วนใหญ่ไม่เข้าใจว่าการถามคำถามมากมายจะปลดล็อกการเรียนรู้และปรับปรุงความสัมพันธ์ระหว่างบุคคล ตัวอย่างเช่น ในการศึกษาของ Alison แม้ว่าผู้คนจะจำได้อย่างแม่นยำว่ามีคำถามกี่ข้อที่ถูกถามในการสนทนา แต่พวกเขาไม่เข้าใจความเชื่อมโยงระหว่างคำถามและความชอบ จากการศึกษาทั้ง 4 เรื่องที่ผู้เข้าร่วมมีส่วนร่วมในการสนทนาด้วยตนเองหรืออ่านบันทึกการสนทนาของผู้อื่น ผู้คนมักไม่ตระหนักว่าการถามคำถามจะมีอิทธิพลหรือมีอิทธิพลต่อระดับมิตรภาพระหว่างผู้สนทนา