Vue与Django前后台分离跨域配置
一、跨域:
简单来说:如果前端向后端请求数据,前后端的的ip和端口都是不一致的,就是不在统一域名下,就出现了CORS跨域问题。
二、后台处理跨域
在django后台环境目录下安装插件:
>: pip install django-cors-headers
插件参考地址:https://github.com/ottoyiu/django-cors-headers/
在django里的settings.py进行项目配置
# 注册app
INSTALLED_APPS = [
...
'corsheaders'
]
# 添加中间件
MIDDLEWARE = [
...
'corsheaders.middleware.CorsMiddleware'
]
# 允许跨域源
CORS_ORIGIN_ALLOW_ALL = True