Reactでaxiosを使ってpostメソッドを実行したら405エラーが発生する

Question

フロントをReactで、バックエンドをDjangoを用いてアプリ開発を行っています。
DjangoでDjango REST frameworkを用いてAPIを作成し、ReactでAPIを叩く形にしています。

今、React側からaxiosのPOSTメソッドを用いて、データを作成しようとしていますが、405エラーで作成ができません。
間違いがわからないので、アドバイスをいただきたいです。

React側のソースコードです。

    axios
      .post("http://localhost:8000/daily/", {
        university: university,
        study: study,
        other: others,
        first_meet: news,
        wanna_do: want,
        summary: summary,
        evaluation: evaluation,
      })
      .then((res) => console.log(res))
      .catch((error) => console.log(error));

Django側のソースコードです。

class CreatelDaily(CreateAPIView):
    queryset = Daily.objects.all()
    serializer_class = DailySerializer

こちらのコードで権限は付与できていると考えています。

REST_FRAMEWORK = {
    'DEFAULT_PERMISSION_CLASSES': [
        'rest_framework.permissions.AllowAny'
    ]
}

CORS_ORIGIN_WHITELIST = (
    'http://localhost:3000',
)

エラーコードはこちらです。

Failed to load resource: the server responded with a status of 405 (Method Not Allowed)

よろしくお願いします。

Answer 1

バックエンド側で本来postメソッドを許可するべきapiとは違うapiに許可を与えていました。