axiosのpostメソッド const newTask=(task)=>{ const data={ title:task.title } axios.post(`http://localhost:8000/api/tasks/`,data,{ headers:{ "Content-Type":"application/json", "Authorization":"Token トークン", } }).then(res=>{setTasks([...ta…

axiosのメソッド .get() 第１引数にURL 第２引数にheaders:{"Authorization":"Token トークン"}を取る 続いて.then(res=>useState関数(res.data)とすることで 得られたデータをuseState変数に格納する .delete() 第１引数にURL 第２引数にheaders:{"Authoriz…

ReactでdjangoのAPIを取得する Django側 CORSのインストール Django側で行う docker-compose exec backend pip install django-cors-headers プロジェクト/settings.pynosettei CORSを設定する INSTALLED_APPS= 'corsheaders',を加える MIDDLEWARE= 'corshea…

urls プロジェクト/urls.py from django.contrib import admin from django.urls import path from django.conf.urls import include from rest_framework.authtoken.views import obtain_auth_token urlpatterns = [ path('admin/', admin.site.urls), path…

アプリ/views.py from rest_framework.authentication import TokenAuthentication from rest_framework.permissions import IsAuthenticated,AllowAny from rest_framework import generics from django.contrib.auth.models import User from rest_framewo…

シリアライザー シリアライズするためのライブラリ 入力でもらった情報を隠しながらDBに伝える 出力においても隠す アプリ/serializers.py 新規作成する from rest_framework import serializers from .models import Task from django.contrib.auth.models …

プロジェクト/settings.py INSTALLED_APPS プロジェクトの設定情報を記述したファイル rest_frameworkなどの外部のアプリ 自作したアプリケーションを登録できる manage.pyがある階層を原点として「/」の代わりに「.」で区切る。アプリの中のクラスについて…