He investigado y leído bastantes publicaciones de Stackoverflow sobre el mismo problema. Ninguno ha resuelto mi problema.
Mi problema es que recibo el error "... No hay encabezado 'Access-Control-Allow-Origin' en el recurso solicitado..." en mi consola.
Estoy usando:
Versión de Chrome 57.0.2987.133 Versión de Firefox 52.0.2
Pitón 2.7 Django 1.11a1
AngularJS
Estoy usando MAMP para servir mis cosas de Angular front-end, y el servidor django para las cosas de back-end.
En mi configuración de django, incluí el cors middleware y probé el enfoque de la lista blanca y simplemente configuré todo en verdadero:
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', ] CORS_ORIGIN_ALLOW_ALL = TrueEn google chrome sigo recibiendo este error:
localhost/:1 XMLHttpRequest no puede cargar {mi URL de punto final}. El redireccionamiento de {mi URL de punto final} a {mi URL de punto final con un } ha sido bloqueado por la política de CORS: no hay ningún encabezado "Access-Control-Allow-Origin" en el recurso solicitado. Origin {requesting url} por lo tanto, no tiene acceso permitido.
Funciona correctamente en Firefox y no puedo entender por qué no funcionará para Google Chrome. No he probado ningún otro tipo de navegadores. Cualquier ayuda será muy apreciada, gracias.
Instale el paquete cors-headers con
pip install django-cors-headersAgrega a sus aplicaciones instaladas
INSTALLED_APPS = [ ... 'corsheaders', ... ]Agregue en su MIDDLEWARE recuerde agregar como el primero en la lista
MIDDLEWARE = [ 'corsheaders.middleware.CorsMiddleware', 'django.middleware.common.CommonMiddleware', ... ]Antes de instalar las aplicaciones, ponga esta configuración para que cualquiera pueda acceder
CORS_ORIGIN_ALLOW_ALL=TrueO crea una lista de éxitos
CORS_ORIGIN_WHITELIST = [ 'http://google.com', 'http://hostname.example.com', 'http://localhost:8000', 'http://127.0.0.1:9000' ]Comprueba primero la URL de tu solicitud. Tuve este problema cuando usaba vue-resource. En mi caso, el error fue que faltaba '/' al final de la URL.
Asegúrese de usar 127.0.0.1 NO localhost porque al usar el navegador localhost puede buscar una dirección IPv6... o configurar localhost para 127.0.0.1 explícitamente en /etc/hosts