Django+uni-app实现数据通信中的请求跨域的示例代码

Ginger ·
更新时间:2024-09-21
· 857 次阅读

前后端分离的模式下,后端使用Django RestFramework,前端使用uni-app来进行APP的开发。

前端代码:

Django后端跨域配置

settings.py配置文件中添加:

INSTALLED_APPS = [ 'corsheaders', ]

中间件中添加

'corsheaders.middleware.CorsMiddleware', # 注意顺序 一定是在common中间件的前面 MIDDLEWARE = [ # 'accounts.MyCsrfMiddleware.CORSMiddleware', 'corsheaders.middleware.CorsMiddleware', 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', # 注意顺序 一定是在common中间件的前面 'django.middleware.common.CommonMiddleware', ]

settings.py最末尾添加:

CORS_ORIGIN_ALLOW_ALL = True 允许携带cookie: CORS_ALLOW_CREDENTIALS = True

测试跨域访问是否成功的视图函数

`def test(request): return JsonResponse({"status": 0, "message": "This is Django Message!"}) ` rom django.contrib import admin

URL

from django.urls import path from django.conf.urls import url, include urlpatterns = [ # test ok url(r'test/', views.test), ]

测试,在Hbuilder中启动前端项目,同时后端项目也启动

问题:


原因

请求头的问题


您可能感兴趣的文章:Django跨域请求问题的解决方法示例django解决跨域请求的问题Django 跨域请求处理的示例代码Django+vue跨域问题解决的详细步骤Django跨域请求CSRF的方法示例django解决跨域请求的问题详解Django实现跨域请求过程详解Django实现跨域的2种方法



跨域 示例 数据 数据通信 app 通信 Django

需要 登录 后方可回复, 如果你还没有账号请 注册新账号