六、 域名的设置，跨域问题的解决（用户部分）

1、域名设置

<1>打开etc/下的hosts文件

sudo vim etc/hosts

<2>添加域名和对应的iP

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

<3>vim文本编辑

i         # 进入编辑模式
esc       # 进入命令模式
：wq      # 进入末行模式 ，退出并保存

<4>通过域名就可以访问前端页面了
<5>通过域名访问后端需要修改配置信息
 需要将域名添加到ALLOWED_HOSTS列表中。

2、跨域问题的解决

我们使用CORS来解决后端对跨域访问的支持。
<1>安装

pip install django-cors-headers

<2>添加应用

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

<3>中间层设置

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

<4>添加白名单

# CORS
# 都可以通过添加的白名单访问后端
CORS_ORIGIN_WHITELIST = (
    '127.0.0.1:8080',
    'localhost:8080',
    'www.meiduo.site:8080',
    'api.meiduo.site:8000'
)
# 跨域访问中，是否支持后对cookie的操作
CORS_ALLOW_CREDENTIALS = True  # 允许携带cookie

注意事项

设置完成后仍然无法实现跨域，请重新启动终端和pycharm，并清除浏览器缓存