KEI(Kengo)

未経験からエンジニア l #デイトラ Railsコース l 大手プログラミングスクールのライターしています l Rails l React l Vue
プロフィールをもっとみる

--

募集をシェアしてメンターを探そう
シェア

※ この募集は締め切られました。

プログラミング next.js React.js

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

2021年2月28日
単発
予算
3,000円
提案数
1人が提案中
応募期限
終了

◻︎困っていること
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を使用していて、バックエンドとフロントエンド のコンテナがあります。
・守秘義務を守れる方でお願いします!

KEI(Kengo)

プロフィール

未経験からエンジニア l #デイトラ Railsコース l 大手プログラミングスクールのライターしています l Rails l React l Vue

--

募集をシェアしてメンターを探そう
シェア