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': '*'}