ฉันต้องการสร้าง 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;
}
}
ความช่วยเหลือใด ๆ ที่ชื่นชมขอบคุณ