跨域CORS的设置

设置前后端域名

原因:

前后端分离时，用户进行页面访问是直接访问的前端服务器， 前端服务器完成所有页面的跳转。前端需要数据时，发送ajax请求，后端处理后，提供数据服务。

1.设置hosts文件

编辑/etc/hosts文件，可以设置本地域名

sudo vim /etc/hosts

在文件中增加两条信息

127.0.0.1   api.meiduo.site
127.0.0.1   www.meiduo.site

2.创建host.js文件，为前端保存后端域名

在前端front_end_pc/js目录中

var host = 'http://api.meiduo.site:8000';

3.修改settings配置

在ALLOWED_HOSTS，增加可以访问后端的域名

ALLOWED_HOSTS = ['api.meiduo.site', '127.0.0.1', 'localhost', 'www.meiduo.site']

为后端添加跨域CORS访问的支持

4.安装

pip install django-cors-headers

5.添加应用

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

6.中间件设置

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware',
    ...
]

7.添加白名单

# CORS
CORS_ORIGIN_WHITELIST = (
    '127.0.0.1:8080',
    'localhost:8080',
    'www.meiduo.site:8080',
    'api.meiduo.site:8000'
)
CORS_ALLOW_CREDENTIALS = True  # 允许携带cookie

• 凡是出现在白名单中的域名，都可以访问后端接口
• CORS_ALLOW_CREDENTIALS 指明在跨域访问中，后端是否支持对cookie的操作。