MBP(はてな)

MacBook Pro,iPhone Xs,React

ReactとDjango

f:id:fedora9:20210823001326p:plain

[大学生ウケ抜群] React(Axios)とPython(Django)で簡単Webアプリ開発!! - Qiita

$ mkdir django-react
$ cd django-react

$ npx create-react-app front
$ cd front
$ npm install axios

$ python3 -m pip install Django
$ python3 -m pip install djangorestframework
$ python3 -m pip install django-cors-headers

$ django-admin startproject mySite
$ cd mySite
$ vi mySite/settings.py

'http://localhost:3000',の前はスペース4つ。2つはNG

CORS_ALLOWED_ORIGINS = [
    'http://localhost:3000',
]

$ vi mySite/views.py

from rest_framework import status
from rest_framework.decorators import api_view
from rest_framework.response import Response

@api_view(["GET"])
def test(request):
        return Response("Yay!!", status=status.HTTP_201_CREATED)

$ vi myapp/views.py

from rest_framework import status
from rest_framework.decorators import api_view
from rest_framework.response import Response

@api_view(["GET"])
def test(request):
        return Response("Yay!!", status=status.HTTP_201_CREATED)

$ vi mySite/urls.py

from django.contrib import admin
from django.urls import path
from rest_framework.urlpatterns import format_suffix_patterns
from myapp import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('test', views.test),
]

urlpatterns = format_suffix_patterns(urlpatterns)

private
https://github.com/hiroyuki12/django-react