Как исправить 'Access-Control-Allow-Origin .Origin 'null'поэтому доступ запрещен.' в скале как бэкэнд

Question

Я использую angularjs в своем интерфейсе, и это часть кода, где я вызываю мой loclhost, переменная todo должна иметь значение, но я получаю ошибку

Не удалось загрузить 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 на своем бэкэнде! Если вашим внутренним сервером является Play Framework, вот некоторая документация о том, как это сделать:

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

Answer 2

Для меня проблема заключалась в том, что я должен установить источник в моих заголовках рядом с Cors, как в бэкэнд-коде.

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