vue跨域请求

浏览器的同源策略

同源

协议相同
域名相同
端口相同

同源目的

保证用户信息安全，防止恶意的网站窃取数据

同源策略解决方法

jsonp
cors
代理解决跨域

settings.py

INSTALLED_APPS = [
    'corsheaders',
    'rest_framework',
]

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
]

# CORS跨域请求白名单设置
CORS_ORIGIN_WHITELIST = (
    'http://127.0.0.1:8080',
    'http://localhost:8080',
    'http://127.0.0.1:8081',
    'http://localhost:8081',
    'http://127.0.0.1:8888',
)

CORS_ORIGIN_WHITELIST = True