Django+uni-app实现数据通信中的请求跨域的示例代码
2019-10-25 18:07
2871 查看
前后端分离的模式下,后端使用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中启动前端项目,同时后端项目也启动
问题:
原因
请求头的问题
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- 使用$.getJSON实现跨域ajax请求示例代码
- 使用$.getJSON实现跨域ajax请求示例代码
- Django 跨域请求处理的示例代码
- webpack+vuex+axios 跨域请求数据的示例代码
- 使用$.getJSON实现跨域ajax请求示例代码
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- Ajax 实现在WebForm中拖动控件并即时在服务端保存状态数据 (Asp.net 2.0)(示例代码下载)
- 关于JQuery 中$.ajax函数利用jsonp实现Ajax跨域请求ASP.NET的WebService成功获取数据的案例
- Ajax 实现在WebForm中拖动控件并即时在服务端保存状态数据 (Asp.net 2.0)(示例代码下载)
- 代码实现网络接口请求数据
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- Ajax 实现在WebForm中拖动控件并即时在服务端保存状态数据 (Asp.net 2.0)(示例代码下载)
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- C#.NET示例读写xml所有节点的代码实现方法和读取xml节点的数据总结
- jsonp实现应用的跨域请求进行数据交互
- jquery Ajax 实现加载数据前动画效果的示例代码
- 基于iframe实现ajax跨域请求 获取网页中ajax数据
- java socket UDP协议收发数据简单实现通信示例
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例