11.前后台分离跨域交互

目录
  • 分离的前后台交互
    • 后台处理跨域
      • 安装插件
      • 项目配置:dev.py
    • 前台请求Banner数据
      • 修订Banner.vue

分离的前后台交互

后台处理跨域

安装插件
>: pip install django-cors-headers

插件参考地址:https://github.com/ottoyiu/django-cors-headers/
项目配置:dev.py
# 注册app
INSTALLED_APPS = [
	...
	'corsheaders',
]

# 添加中间件
MIDDLEWARE = [
	...
	'corsheaders.middleware.CorsMiddleware',
]

# 允许跨域源
CORS_ORIGIN_ALLOW_ALL = True

# from corsheaders 
# 允许的请求头
CORS_ALLOW_HEADERS = (
    "accept",
    "accept-encoding",
    "authorization",
    "content-type",
    "dnt",
    "origin",
    "user-agent",
    "x-csrftoken",
    "x-requested-with",

    # 额外允许的请求头
    'token',
)

11.前后台分离跨域交互_第1张图片

11.前后台分离跨域交互_第2张图片

前台请求Banner数据

修订Banner.vue





你可能感兴趣的:(11.前后台分离跨域交互)