403 Forbidden wenn API über DRF

Question

zuzugreifen versuchen, Ich versuche, einen django-Server mit django-Rest-Rahmen aus Winkel für den Zugriff auf den folgenden Dienst mit:

myapp.factory("GetData", ["$resource",function($resource) { 
    return $resource(
     "http://local/path/**/users/:username/", 
     {}, 
     { 
     "query": { 
     method: "GET", 
     isArray: true, 
     headers:{ 
      "Content-Type":"application/json" 
     } 
     } 
    }, 
    { 
    stripTrailingSlashes:false 
    } 
    ); 
}]); 

Wenn ich die URL im Browser setzen, ich bekomme die gewünschte Ausgabe, aber das Problem ist, dass, wenn ich versuche, über Angular zuzugreifen, bekomme ich in meiner Konsole einen 403 verbotenen Fehler. Kann mir jemand erklären, was das verursacht? und wie ich dieses Problem möglicherweise beheben kann.

Mein url.py sieht wie folgt aus:

from rest_framework.routers import DefaultRouter 
from .views import UserViewSet 

router = DefaultRouter() 
router.register(prefix='users', viewset=UserViewSet) 

urlpatterns = router.urls 

Meine views.py Datei wie folgt:

from django.shortcuts import render 
from django.http import HttpResponse 
from rest_framework import viewsets 
from .models import users 
from .serializers import UserSerializer 

class UserViewSet(viewsets.ModelViewSet): 
    queryset = users.objects.all() 
    serializer_class = UserSerializer 

Answer 1

ich es geschafft, das Problem zu beheben, indem die Kombination, was @Bipul Jain https://stackoverflow.com/a/42044910/7210105 vorgeschlagen (siehe oben) und auch auf diesen Link in meinem $ resource verändern

"http://local/path/ **/users /: Benutzername /"

I entfernt http://local/path aus dem Link und die 403 verboten Fehler ging weg.

Answer 2

ich denke, die 403 verboten kommt nach Browser Block Quer Herkunft Anfragen. Sie müssen CORS auf Ihrem API-Server aktivieren, indem Sie entsprechende Header festlegen.

können Sie https://github.com/ottoyiu/django-cors-headers Nachschlag

das für Sie in Ihrer installierten Anwendungen hinzufügen müssen.

'corsheaders' 

Und nur eingestellt, um es zu testen. Überprüfen Sie die Einstellungen in den Dokumenten auf Feinabstimmung.

CORS_ORIGIN_ALLOW_ALL = True 

bearbeiten

Darüber hinaus müssen Sie dies in Ihrem Middle hinzuzufügen.

'corsheaders.middleware.CorsMiddleware',