Angular.js 양식 POST 오류 405가 허용되지 않습니다.

Question

양식을 제출할 때 405 오류가 계속 발생합니다. 여기 내 컨트롤러 :

'use strict';

angular. 
    module('myApp'). 
    component('zipPopup', { 
     templateUrl: 'zip-popup/zip-popup.template.html', 
     controller: function ZipPopupController($scope, $http) { 
      $scope.show = true; 
      $scope.hide = function(){ 
       $scope.show = false; 
      }; 
      $scope.user = {}; 
      $scope.regex = '\\d{5}'; 

      $scope.submitForm = function(isValid) { 
       if(isValid) { 
        $http({ 
         method : 'POST', 
         url  : '/leads', 
         data : $scope.user, 
         headers : {'Content-Type': 'application/x-www-form-urlencoded'} 
        }) 
        .success(function(response) { 
         $scope.show = false; 
        }) 
        .error(function(response) { 
         console.log(response); 
        }); 
       } 
      }; 
     } 
    }); 

Heres는 내보기 :

<div class="zip-popup text-center"> 
    <div class="popup-container"> 
     <form name="zipForm" class="zip-form" ng-submit="submitForm(zipForm.$valid)" novalidate> 
      <input ng-model="user.zipCode" ng-pattern="regex" name="zipCode" class="form-control text-center" placeholder="Your Zip" required /> 
      <p class="error" ng-show="zipForm.zipCode.$invalid && !zipForm.zipCode.$pristine">A 5 digit zip code is required.</p> 
      <button type="submit" class="btn btn-block" ng-disabled="zipForm.$invalid">Submit</button> 
     </form> 
    </div> 
</div> 

다른 파일이나 내가 이런 일 할 수 있도록 수정해야 할 일이 있습니까? 내가 뭘 놓치고 있니?

Answer 1

서버는 특정 방법 (GET, POST이 PUT, PATCH, DELETE 등) 서버에 의해 허용 될 수 없음을 말하고있다. 이는 API 경로/종단점에 POST 메소드가 구성되어 있지 않기 때문일 가능성이 큽니다.

예를 들어, ExpressJS에서 다음을 수행하여 POST을 허용하는 경로를 구성해야 할 것 :

app.post('/leads', function (req, res) { 
    res.send('POST request to the homepage'); 
}); 

을 405 Method Not Allowed 오류, click here에 대한 자세한 내용은.

Answer 2

몇 주 전에 비슷한 문제가있었습니다. 서버가 헤더에 특정 유형의 'Content-Type' 만 수락하는 것으로 나타났습니다.

$http({ 
    method : 'POST', 
    url  : '/leads', 
    data : $scope.user, 
    headers : {'Content-Type': 'application/json'} 
}) 
.success(function(response) { 
    $scope.show = false; 
}) 
.error(function(response) { 
    console.log(response); 
}); 

P.S. :

그러나 애플리케이션에 Content-Type 변경/JSON 문제를 해결 나는 이것이 당신의 문제를 반드시 해결할 것이라고 말하지는 않지만, 이것은 이러한 유형의 문제와 관련된 해결책입니다. 서버에서 어떤 종류의 입력을 기대하는지 알아보십시오.

---

편집

은 내가 Content-Type로 'application/json'를 보낼 말하고 있지 않다. 내가 말하는 건 허용되는 콘텐츠 유형을 찾고 해당 유형의 헤더를 보냅니다.

Answer 3

당신은 백엔드 엔지니어가 OPTIONS 메서드를 구현할 수있게하려고합니다.

https://en.wikipedia.org/wiki/Cross-origin_resource_sharing#Preflight_example