axios.postを行うときのパス指定の方法

Question

現在vue.js3を用いてrailsアプリのSPA化に取り組んでいます。

railsで言うところのフォームを送信するためのsubmitの代わりにaxios.postでデータ保存を行うと知ったのですがaxios.post(/)のように()内のパス指定のやり方を知りたいです。

#現在のコード

使用している教材に基づき、下記の通り、(api/users)としているのですがconsole.log(error)が実行されてしまいます。
（userモデルが正常に保存された場合、root_pathにredirectされる動作を想定しています。）

 methods: {
    createUser: function () {
      axios.post('api/users', {
        user: this.user })
      .then((res) => {
        this.$router.push({ path: '/'});
      }, (error) => {
        console.log(error);
      });
    }
  }

api/users.json.jbuilderにコードを書く必要があるのか、それともパスの指定のやり方が間違っているのか教えて頂けますと幸いです。

Answer 1

apiのfullパスはなんですか？サイトドメイン同じなら、/api/usersでも行けますが、ドメインが違う場合は、fullパスが必要です。chromeのdevtoolのnetworkでどのようなrequest送ったか確認してください。

requestが正常に送らること確認したら、rails serverのエラー確認できるので、確認してください。

Comments

[black_pasta1001]

回答いただきありがとうございます。
/api/usersでうまくいきました。