WP REST API　＋　Nuxtを使ってお問い合わせメールを送信したい　validation

https://qiita.com/hiropy0123/items/33f3c3ffbb5879e8fe0a

Nuxt.jsで作成した静的サイトにお問い合わせフォームを実装します。
フォームに入力されたデータをaxiosでWP REST API経由でWordPressのContact Form 7に送り、Contact Form 7からメールを送信します。

上記のサイトをもとに作成しましたが、必要事項を入力後、メール送信ボタンを押下すると

入力データは

getFormData:Object
message:"aaa"
subject:"aaa"
yourEmail:"yyyyy@gmail.com"
yourName:"なまえ"

エラーのresponseが返ってきます。

dataResponse:Object
into:"#"
invalidFields:Array[2]
0:Object
idref:null
into:"span.wpcf7-form-control-wrap.yourName"
message:"必須項目に入力してください。"
1:Object
idref:null
into:"span.wpcf7-form-control-wrap.yourEmail"
message:"必須項目に入力してください。"
message:"入力内容に問題があります。確認して再度お試しください。"
status:"validation_failed"

フロントエンド
https://github.com/hiropy0123/nuxt-contact-form

Contact Form 7 ver5.1.7

CHERRY

2020/04/10 12:20

最初に書かれているのが、参考にされたサイトだと思いますが、順番通りに行ってどこまで実施できるのでしょうか？また、URL の手順の中で、WordPress 単体での API テストもしていますが、成功しましたか？

YuriY

2020/04/13 06:43

APIテストの詳細サイトが有料だったためテストしませんでした。コンパイルでエラーが起こる箇所があり、その部分をエラーが出ないように修正したのですがそのせいで変数の値がNULLになってしまい、送信するデータがWP側に送信できておらず、必須チェックでエラーになっていました。コンパイルする環境がおかしくなっていたので、再度環境を一から作成し直したらメール送信成功しました。