问题引入：来自8080服务器的js中的动态接口请求，没能够真正发送给8000动态服务器；为什么会这样？！
答：浏览器以协议、域名和端口来标示一个资源的来源，如果协议、域名和端口相同则资源是同源的(意味来自相同的服务器)！
| url | |
|---|---|
| http://www.meiduo.site:8080 | |
| https://www.meiduo.site:8080 | |
| http://www.meiduo.site:8000 | |
| http://127.0.0.1:8000 |
浏览器判断是否同源的一个隐含规则：只判断协议、域名和端口的字面值；
答：来自A服务器的js，请求的目标是B服务器，那么这个请求称之为跨域请求！
答：当浏览器处理一个跨域请求的时候，会主动询问目标主机是否允许此次跨域请求，在得到肯定答复之后才会真的发送此次跨域请求！
安装插件django-cors-headers
pip install django-cors-headers -i https://pypi.tuna.tsinghua.edu.cn/simple
ALLOWED_HOSTS = ['*']
INSTALLED_APPS = [
# ......
# 注册第三方应用
'corsheaders', # 解决了跨域请求问题
# ......
]
MIDDLEWARE = [
# 添加一个中间件来响应跨域询问OPTIONS请求
'corsheaders.middleware.CorsMiddleware',
# ......
]
# 添加跨域白名单，指定允许跨域请求到8000的源
CORS_ORIGIN_WHITELIST = [
'http://127.0.0.1:8080',
'http://www.meiduo.site:8080', # 注意，即使在hosts文件映射了127.0.0.1 www.meiduo.site，两者依然不是同源，只认字面值
]
# 或者使用：CORS_ORIGIN_ALLOW_ALL = True，表示允许所有跨域请求
# 表示跨域的多个主机之间共享cookie数据
CORS_ALLOW_CREDENTIALS = True
打开终端——使用vim打开 /etc/hosts文件：
在最后增加：127.0.0.1 www.meiduo.site
1 127.0.0.1 localhost
2 127.0.1.1 ubuntu
3
4 # The following lines are desirable for IPv6 capable hosts
5 ::1 ip6-localhost ip6-loopback
6 fe00::0 ip6-localnet
7 ff00::0 ip6-mcastprefix
8 ff02::1 ip6-allnodes
9 ff02::2 ip6-allrouters
10 0.0.0.0 account.jetbrains.com
11
12
13 127.0.0.1 www.meiduo.site
4.1 Flask组件flask-cors可以处理跨域问题, 安装
pip install flask-cors -i https://pypi.tuna.tsinghua.edu.cn/simple
4.2 在app初始化中对跨域组件初始化
from flask_cors import CORS
# 6.允许跨域请求
# app: 允许跨域的后端应用对象
# supports_credentials=True 支持跨域的时候携带cookie，session，token
# methods=[] 允许跨域的请求方法 默认：全部请求方法都允许跨域
# CORS_ORIGINS = ['http://127.0.0.1:5000'] # 限定允许访问的域名, 不设置则全部允许
CORS(app, supports_credentials=True)