django解决跨域问题

• pip install django-cors-headers （必须安装）

settings 配置

MIDDLEWARE--中间件

	MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',

    'corsheaders.middleware.CorsMiddleware',   # 必须放在这里

    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]# Access-Control-Allow-Origin

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework',    # 序列化
    'corsheaders',        # 跨域
]

CORS_ORIGIN_ALLOW_ALL = True # 所有站点均可跨域访问我

vue配置跨域

• config目录下index.js中

proxyTable: {
    '/api': {  //使用"/api"来代替"http://f.apiplus.c" 
    target: 'http://127.0.0.1:8000/', //源地址 
    changeOrigin: true, //改变源 
    pathRewrite: { 
      '^/api': '' //路径重写 
      } 
  } 
}

• 与APP.vue同级目录的main.js中

import axios from 'axios'
Vue.prototype.axios = axios