為什么在POST方法請求后服務器用GET響應？

Question

我陷入了某種困境：

TL; DR =我正在通過POST請求發送數據，但是服務器響應我正在執行GET請求

我正在使用Laravel和Angular 1.5。 基本上，我認為這樣。

這是我的看法：

<form name="formCrossedRelation" novalidate role="form"
ng-submit="createCrossedRelation(delivery_carrier_status)">

<div class="row">
    <div class="col-md-12">
        <div class="form-group"
            ng-class="{'has-error' :  formCrossedRelation.configuration.$invalid && formCrossedRelation.configuration.$error.required && (formCrossedRelation.configuration.$dirty || formCrossedRelation.$submitted) , 'has-success' : formCrossedRelation.configuration.$valid || formCrossedRelation.$submitted  }">
            <label for="">Carrier&nbsp;<small class="text-danger font-noraml ">(*)</small></label>
            <select
                ng-model="delivery_carrier_status.delivery_carrier_status.carrier_id"
                required class="form-control" name="carrier"
                ng-options="item as item.name for item in carriers track by item.id"
                ng-change="getExternalStatuses(delivery_carrier_status.delivery_carrier_status.carrier_id)">
            </select>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-5">
        <div class="form-group"
            ng-class="{'has-error' :  formCrossedRelation.configuration.$invalid && formCrossedRelation.configuration.$error.required && (formCrossedRelation.configuration.$dirty || formCrossedRelation.$submitted) , 'has-success' : formCrossedRelation.configuration.$valid || formCrossedRelation.$submitted  }">
            <label for="">Estado Carrier&nbsp;<small
                class="text-danger font-noraml ">(*)</small></label> <select
                ng-model="delivery_carrier_status.delivery_carrier_status.id"
                required class="form-control" name="externalStatuses"
                ng-options="item as item.code for item in externalStatuses track by item.id">
            </select>
        </div>
    </div>

    <div class="col-md-2"></div>


    <div class="col-md-5">
        <div class="form-group"
            ng-class="{'has-error' :  formCrossedRelation.configuration.$invalid && formCrossedRelation.configuration.$error.required && (formCrossedRelation.configuration.$dirty || formCrossedRelation.$submitted) , 'has-success' : formCrossedRelation.configuration.$valid || formCrossedRelation.$submitted  }">
            <label for="">Estado EasyPoint&nbsp;<small
                class="text-danger font-noraml ">(*)</small></label> <select
                ng-model="delivery_carrier_status.delivery_status.id" required
                class="form-control" name="EPstatus"
                ng-options="item as item.name for item in delivery_statuses track by item.id">

            </select>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="form-group"
            ng-class="{'has-error' :  formPudo.full_address.$invalid && formPudo.full_address.$error.required && (formPudo.full_address.$dirty || formPudo.$submitted) , 'has-success' : formPudo.full_address.$valid || formPudo.$submitted  }">
            <label for="">Operador 1&nbsp;<small
                class="text-danger font-noraml ">(*)</small></label> <input
                class="form-control" name="full_address" type="text"
                ng-model="delivery_carrier_status.json_aditional[1]" />
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group"
            ng-class="{'has-error' :  formCrossedRelation.configuration.$invalid && formCrossedRelation.configuration.$error.required && (formCrossedRelation.configuration.$dirty || formCrossedRelation.$submitted) , 'has-success' : formCrossedRelation.configuration.$valid || formCrossedRelation.$submitted  }">
            <label for="">Operación&nbsp;<small class="text-danger font-noraml ">(*)</small></label>
            <select ng-model="delivery_carrier_status.json_aditional.operator"
                class="form-control" name="operation"
                ng-options="item for item in operations track by item.id">
            </select>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group"
            ng-class="{'has-error' :  formPudo.full_address.$invalid && formPudo.full_address.$error.required && (formPudo.full_address.$dirty || formPudo.$submitted) , 'has-success' : formPudo.full_address.$valid || formPudo.$submitted  }">
            <label for="">Operador 2&nbsp;<small
                class="text-danger font-noraml ">(*)</small></label> <input
                class="form-control" name="full_address" type="text"
                ng-model="delivery_carrier_status.json_aditional[2]" />
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <button class="btn btn-orange pull-right" ladda="loading.btnCreate"
            data-style="zoom-in" type="submit">Crear relación</button>
    </div>
</div>

這是我在Angular中的控制器

$scope.createCrossedRelation = function(delivery_carrier_status) {
    $scope.loading.btnCreate = true;
    if (this.formCrossedRelation.$valid) {
        delivery_carrier_status.json_aditional = JSON.stringify(delivery_carrier_status.json_aditional); 
        TrackingService.createCrossedRelation(delivery_carrier_status).then(function successCallback(response) {
            if (response.status == 201) {
                $scope.delivery_carrier_statuses.unshift(response.data.status);
                delivery_carrier_status = {};
                $scope.modalcreateCrossedRelation = false;
                $scope.loading.btnCreate = false;

                Notification.success({
                    title : "¡Felicitaciones!",
                    message : "Correlación creada.",
                    template : "custom_template.html"
                });
            }
        }, function errorCallback(response) {

            $scope.loading.btnCreate = false;
            if (response.status == 400) {
                for (var i = 0; i < response.data.length; i++) {
                    Notification.error({
                        title : "¡Oops!",
                        message : response.data[i],
                        template : "custom_template.html"
                    });
                }
            }
        });
        this.formCrossedRelation.$setPristine();
    } else {
        $scope.loading.btnCreate = false;
        Notification.error({
            title : "¡Oops!",
            message : 'No has completado todos los datos obligatorios del formulario.',
            template : "custom_template.html"
        });
    }
};

這是我的TrackingService文件

createCrossedRelation : function(delivery_carrier_status) {
        var req = {
            method : 'POST',
            url : '/api/statusconversion/',
            dataType : 'json',
            headers : {
                'Content-Type' : 'application/json',
                'X-Requested-With' : 'XMLHttpRequest'
            },
            data : delivery_carrier_status
        }
        return $http(req);
    },

至此，當我調試時，在req變量中，我得到了

如您所見，我正在執行POST請求

但是，一旦后端響應，它的狀態為405：不允許使用方法

這是routes.php文件

        Route::post('api/statusconversion/', 'TrackingController@createDeliveryStatusCarrierStatus');

我不知道為什么我被卡住了。 如果有人可以幫助的話。

Answer 1

api網址拼寫錯誤。 還有一個額外的“ /”

之前：

createCrossedRelation : function(delivery_carrier_status) {
    var req = {
        method : 'POST',
        url : '/api/statusconversion/',
        dataType : 'json',
        headers : {
            'Content-Type' : 'application/json',
            'X-Requested-With' : 'XMLHttpRequest'
        },
        data : delivery_carrier_status
    }
    return $http(req);
},

后：

createCrossedRelation : function(delivery_carrier_status) {
    var req = {
        method : 'POST',
        url : '/api/statusconversion', // Without the "/"
        dataType : 'json',
        headers : {
            'Content-Type' : 'application/json',
            'X-Requested-With' : 'XMLHttpRequest'
        },
        data : delivery_carrier_status
    }
    return $http(req);
},