你需要使用proxy密钥在内部前端package.json文件中，如下所示

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "proxy": "http://127.0.0.1:8000",

并重新启动React应用程序。

您的URL看起来很奇怪。请尝试更改URL：

urlpatterns = [
    path('', ArticleListView.as_view()),
    path('detail/<int:pk>/', ArticleDetailView.as_view()),
]

并在前端使用更改的URL访问。我可以推荐一个good tutorial for Django+React CRUD。

您需要在您的django API中启用cors或跨源资源共享。
你可以通过安装这个叫做django-cors-headers的软件包来实现
Django cors headers github page

pip install django-cors-headers

然后将其添加到已安装的应用程序：

INSTALLED_APPS = (
    ...
    'corsheaders',
    ...
)

您还需要添加一个中间件类来侦听响应：

MIDDLEWARE_CLASSES = (
    ...
    'corsheaders.middleware.CorsMiddleware',  
    'django.middleware.common.CommonMiddleware',  
    ...
)

CORS_ORIGIN_ALLOW_ALL = True # If this is used then `CORS_ORIGIN_WHITELIST` will not have any effect
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_WHITELIST = [
    'http://localhost:3030',
] # If this is used, then not need to use `CORS_ORIGIN_ALLOW_ALL = True`
CORS_ORIGIN_REGEX_WHITELIST = [
    'http://localhost:3030',
]

更多详情：https://github.com/ottoyiu/django-cors-headers/#configuration
阅读官方文档可以解决几乎所有问题