axiosでPOSTしてもレスポンスが返ってこない

Question

axiosでユーザ情報をPOSTし、データベースには登録できるのですが、レスポンスが返ってこなくて、その後の処理ができなくて困っております。

Postmanを使用してデータをPOSTしてみるとちゃんとレスポンスが返ってくることを確認しています。

サーバーサイドはspring bootを使用しています。

    public ResponseEntity<?> signupUser(@RequestBody User user){
		userRepository.save(user);
        return new ResponseEntity<>("Hello Wold", HttpStatus.CREATED);
    }

フロント側はVue.js内でaxiosを使用しています。

axios.post('http://localhost:8000/signup', this.user,
        {
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          }}).then(res => {
               console.log(res);
               }, 
                err => {
                  console.log(err);
                });

ブラウザのコンソールにもレスポンスの画面でも何も表示されません。

ブラウザが関係しているのかと思い、google chrome、safariの両方を確認しましたが症状は変わりませんでした。

対応方法をご存知の方がおられましたら教えていただきたいです。
よろしくお願いいたします。

Comments

[FrontEnd_Japan]

console.log()やHeadersにも何も表示されていませんか？

[shinichi-ito]

はい 何も表示されません

Answer 1

axios.post('http://localhost:8000/signup', this.user,
        {
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          }})

axios.postの引数は2つではないかと思います。

Comments

[shinichi-ito]

maisumakun様、回答いただきありがとうございます。
引数は３つ設定しております。
コードが見づらいですが、
一番目がurl、二番目がデータ、三番目がヘッダー情報を設定しております。
いかがでしょうか？
よろしくお願いいたします。

[maisumakun]

上のPOST例ではbodyとしてJSON文字列を渡しているようですが、JavaScriptからの実行でも、JSON.stringifyにしてJSONとする必要があるのではないでしょうか？

[shinichi-ito]

回答ありがとうございます。
実はその方法も試してみたのですが、状況に変化はありませんでした。
maisumakunさま何度も回答いただきありがとうございます。
もうすこしあらゆる角度から再思考してみます。