Guide/WordPress

WordPress

WordPressとNuxtの連携

コンテナ間のREST API通信と、ブラウザ向け公開URLの使い分けを理解します。

更新 2026-09-04読了 12分

2つのAPI URL

設定既定値用途
NUXT_WP_API_BASEhttp://wordpress/wp-jsonNuxtコンテナからWordPressへ接続
NUXT_PUBLIC_WP_API_BASEhttp://localhost:8080/wp-jsonブラウザから確認

NuxtのサーバーAPIがWordPress REST APIを呼び出すため、ブラウザ側へ内部ホスト名や複雑な取得処理を露出させません。

スターターのAPI

  • GET /api/posts — 投稿一覧を取得
  • GET /api/posts/:slug — slugで投稿詳細を取得

WordPressから受け取ったHTMLは sanitize-html で許可した要素・属性だけに整理してから表示します。