'Access-Control-Allow-Origin .Origin'null '을 수정하는 방법은 액세스 할 수 없습니다.' 내 프런트 엔드에 AngularJS와를 사용하고 이것이 내가 내 loclhost 전화 코드의 조각 백엔드

Question

같은 스칼라, 잭 변수는 값이 있어야합니다,하지만 난 오류를 얻을

이 http://localhost:8080/Cart/1를로드 할 수 없습니다 : 없음 ' Access-Control-Allow-Origin '헤더가 요청 된 리소스에 있습니다. 따라서 원본 'null'은 액세스가 허용되지 않습니다.

내가 직접 사용할 때 나는 json 값을 얻었다.

var cartResource = $resource('http://localhost:8080/Cart/:cartId', 
{cartId: '@id'}); 
    $scope.cart1 = cartResource.get({cartId: 1},function(todo) { 
       // success 
       console.log("k","k") 
      }, function(errResponse) { 
       console.log("nooooo",errResponse) 
      }); 

Answer 1

아마도 CORS 필터를 백엔드에서 사용할 수 있습니다!

https://www.playframework.com/documentation/2.6.x/CorsFilter

Answer 2

문제는 내가 백엔드 같이 고르의 착석 옆에 내 헤더에 원점을 설정해야이었다 나를 위해 : 백엔드 서버에서 플레이 프레임 워크의 경우, 여기에이 작업을 수행하는 방법에 대한 몇 가지 문서입니다 코드

$resource('http://localhost:8080/cart/:cartId', 
{cartId :'@cartId' }, 
{ update: { method: 'PUT' }}, 
{ headers : { 'Origin': 'http://localhost:8080' }});