简单使用vue桥联django+graphql项目

一、关于django+graphql的使用可以参考传送门

二、设置django项目允许跨域访问

• 1、参考文档

• 2、安装包

  pip install django-cors-headers

• 3、注册到app中

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

• 4、在中间件中加入代码

  MIDDLEWARE = [  # Or MIDDLEWARE_CLASSES on Django < 1.10
      ...
      'corsheaders.middleware.CorsMiddleware',
      'django.middleware.common.CommonMiddleware',
      ...
  ]

• 5、设置

  CORS_ORIGIN_ALLOW_ALL = True

三、取消django的csrf跨站攻击的

• 1、具体代码

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

五、在vue中使用vue-graphql桥联graphql接口参考文章

六、源码下载传送门