前后端分离的django项目服务器跨域

具体详情:https://github.com/ottoyiu/django-cors-headers
网站后端与前端分离开发的时候会存在跨越问题,例如后端是django写的,地址是http://127.0.0.1:8000,前端是vue写的,地址是http://127.0.0.1:8080,在后端向前端传递数据时就存在跨域问题,从而报错。
安装

pip install django-cors-headers

在settings.py中设置

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

添加一个 middleware class
CorsMiddleware 要放在尽可能靠前的位置,尤其是任何能产生responses 的 middleware 前,例如 Django’s CommonMiddleware 和Whitenoise’s WhiteNoiseMiddleware.

MIDDLEWARE = [  # Or MIDDLEWARE_CLASSES on Django < 1.10
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    ...
]

设置CORS_ORIGIN_ALLOW_ALL为true

CORS_ORIGIN_ALLOW_ALL =True 
前后端分离是一种软件架构模式,它前端和后端的开发分离开来,使得前端和后端可以独立进行开发和部署。在前后端分离的架构中,前端负责展示数据和用户交互,后端负责处理业务逻辑和数据存储。 Django是一个使用Python语言开发的高级Web框架,它提供了一套完整的开发工具和库,用于快速构建高效的Web应用程序。在Django项目中,可以采用前后端分离的方式进行开发。 在前后端分离Django项目中,前端通常使用JavaScript框架(如React、Vue.js等)来实现用户界面和交互逻辑。前端通过HTTP请求与后端进行通信,后端提供API接口来处理请求并返回数据。前端通过这些API接口获取数据并进行展示。 具体实现前后端分离Django项目可以按照以下步骤进行: 1. 定义API接口:在Django中使用Django REST framework等库定义API接口,包括URL路由、请求方法和参数等。 2. 实现API视图:编写处理API请求的视图函数或类,处理请求参数、业务逻辑和数据查询等。 3. 序列化数据:使用序列化器将数据库模型或其他数据结构转换为JSON格式,以便前端可以解析和使用。 4. 前端开:使用JavaScript框架进行前端开发,发送HTTP请求调用后端API接口,并将返回的数据进行展示和交互。 5. 部署和测试:将前端代码和后端代码分别部署到不同的服务器或服务上,并进行测试和调试。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值