ユーザー登録で「300円クーポン」プレゼント!まずは無料登録から!
募集をシェアしてメンターを探そう
シェア
エンジニア next.js React.js

【Next.js】APIでPOSTメソッドを実行したいです。

2月28日
予算
〜 3,000円
提案数
2人が提案中

◻︎困っていること
Next.jsでAPI POSTができず困っています。ぜひお力を貸していただければと思います。
細かいコードの内容に関しては、マッチングしてから共有させていただきたいです。

[エラー内容]
POSTを実行すると、下記エラーが出てJSONを送信できない。
POST http://back:8080/card/ net::ERR_NAME_NOT_RESOLVED

◻︎自分の考え
Next.jsのpages配下のファイルで、下記のようなコードで新しい情報をJSONで送信できるようにしました。
(下記コードの変数名などは、実物と若干異なります。)

export default function NewPost() {
const createPost = async () => {
await fetch("http://back:8080/user/", {
method: "POST",
body: JSON.stringify({
user: {
user_entity: { name: "test" },
account: { invited_user_num: 0 },
  (以下省略)
credentials: {
email: "test@gmail.com",
password: "password",
},
}),

headers: {
"Content-Type": "application/json",
},
}).then((res) => {
alert("ユーザーの作成に成功しました");
});

◻︎補足
・dockerを使用していて、バックエンドとフロントエンド のコンテナがあります。
・守秘義務を守れる方でお願いします!

メンティーに提案してみましょう
募集をシェアしてメンターを探そう
シェア