react-native(三)访问django服务器

最新推荐文章于 2025-08-07 10:42:01 发布

原创最新推荐文章于 2025-08-07 10:42:01 发布 · 386 阅读

0 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何在Django后端服务器上配置允许所有主机访问，并禁用CSRF中间件以解决跨域问题。同时，展示了React Native应用如何通过fetch API向Django服务器发送POST请求。

django 运行服务器使用

python manage.py runserver 0.0.0.0:8000

settings中配置

ALLOWED_HOSTS = ["*"]

中间件注释掉跨域攻击

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

react-native fetch看官方文档即可
请求方式为这种服务端可以获取数据

fetch('https://mywebsite.com/endpoint/', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
  },
  body: 'key1=value1&key2=value2',
});