Vue——在Django中配置文件以解决跨域问题

第一步：安装django-cors-headers

pip3 install django-cors-headers

 

第二步：在settings文件中注册app

INSTALLED_APPS = [
            ...
            'corsheaders',
            ...
        ]

 

第三步：添加中间件

MIDDLEWARE = [  
        ...
        'corsheaders.middleware.CorsMiddleware',
        ...
    ]

 

第四步：settings文件中额外书写以下配置：

 CORS_ORIGIN_ALLOW_ALL = True
 CORS_ALLOW_METHODS = (
        'DELETE',
        'GET',
        'OPTIONS',
        'PATCH',
        'POST',
        'PUT',
        'VIEW',
    )
 CORS_ALLOW_HEADERS = (
        'XMLHttpRequest',
        'X_FILENAME',
        'accept-encoding',
        'authorization',
        'content-type',
        'dnt',
        'origin',
        'user-agent',
        'x-csrftoken',
        'x-requested-with',
        'Pragma',
        'token'
    )

 

只要按照上面的处理跨域，以后不需要再响应头中添加以下代码了：

{'Access-Control-Allow-Origin': '*'}