设置前后端域名
原因:
前后端分离时,用户进行页面访问是直接访问的前端服务器, 前端服务器完成所有页面的跳转。前端需要数据时,发送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的操作。