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'を受け入れるだけだったことが判明しました。しかし、アプリケーション/ JSONに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.私はこれがあなたの問題を必ず解決すると言っているわけではありませんが、これはこの種の問題に関連する解決策です。あなたのサーバーが期待している入力の種類を調べるだけです。

---

EDIT

私はContent-Typeとして'application/json'を送信するためには言いませんよ。私が言っているのは、どのタイプのコンテンツが受け入れ可能であるかを見つけて、そのタイプのヘッダーを送信することです。

Answer 3

あなたは、バックエンドエンジニアにOPTIONSメソッドを実装させようとします。

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