前提・実現したいこと
Nuxt.jsにてwebページを作成しています。
paramsの値(userID)を取得して、axiosでAPIを叩き、それを表示したいと思っています。
表示自体はできたのですが、APIを叩いた際に変なAPIまで同時に叩かれてしまっています。
発生している問題・エラーメッセージ
→ [GET] https://sample.com/1 を叩いた際に、もう一つ変なurlが叩かれていしまいます。
nuxt:render Rendering url /1 +3s nuxt:render Rendering url /[object%20Object] +80ms
該当のソースコード
javascript
1export default { 2 validate({ params }) { 3 return /^\d+$/.test(params.id); 4 }, 5 async asyncData({ params }) { 6 let { data: res } = await axios.get( 7 `https://sample.com/${params.id}` 8 ); 9 return { user: res.user }; 10 } 11};
試したこと
validate()をつけたので、APIのlogには表示されなくなりましたが、ブラウザのconsoleではエラーコードが表示されてしまっています。
補足情報(FW/ツールのバージョンなど)
Nuxt.jsでaxiosを使っています。
追記1
あなたの回答
tips
プレビュー