axiosのpostメソッドで空白が送信できない

Question

Vue.jsに実装したaxiosのpostメソッドで空白を送信したいのですが、エラーが出て送信できません。
Django REST Frameworkに実装したエンドポイントに送信するのですが、デフォルトで空白を入れられるように設定しております。

  axios.post('http://localhost:8000/api/v1/basedata/',{
    name: '',
  }
// message: "Request failed with status code 400"
// response: "{\"name\":[\"この項目は空にできません。\"]}"

  axios.post('http://localhost:8000/api/v1/basedata/',{
    name: 'aaa',
  }
// 送信成功！

class BaseData(models.Model):
    class Meta:
        db_table = 'base_data'
    name = models.CharField(max_length=100,default="")

# nameフィールドはデフォルトで空白を入れる様に設定済

Django REST Frameworkの管理画面から空白は送信できております。

axiosに何らかの設定が必要な気がするのですが、何か手がかりがありましたらご教授お願いします。

• Vue.js 3.2.33
• axios 0.27.2
• Django 4.0.4
• DjangoRESTFramework 3.13.1

Answer 1

自己解決できました。DjangoRESTFramework側の設定でした。

name = models.CharField(max_length=100,default="",blank=True)