通过 Angular JS $http.post 使用 slim 框架时出现 404 无效的 http 状态代码

Posted

技术标签:

【中文标题】通过 Angular JS $http.post 使用 slim 框架时出现 404 无效的 http 状态代码【英文标题】:404 invalid http status code when using slim framework via Angular JS $http.post 【发布时间】:2015-11-28 19:37:33 【问题描述】:

我对我的问题进行了大量研究,但没有来自互联网帮助的解决方案。 希望大家能帮帮我。

单击提交按钮时,我的浏览器控制台显示以下错误:

使用 Slim 框架的我的 Rest api 代码:

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS");
header("Access-Control-Allow-Headers: Origin, Content-Type, Accept, Authorization");

require 'vendor/autoload.php';
require 'vendor/notorm/notORM.php';

$app = new \Slim\Slim();

$db_username = 'postgres';
$db_password = 'postgres';
$dsn = 'pgsql:host=localhost;dbname=platapp';
$conn = new PDO($dsn, $db_username, $db_password) or die ("can't connect");
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$db = new NotORM($conn) or die ("instance not created");


$app->post('/registration', function() use($app, $db, $conn)
   $app->response()->header("Content-Type", "application/json");
   $post = json_decode($app->request()->getBody());
   $postArray = get_object_vars($post);
   $user = $db->user_platapp();
   $result = $user->insert($data);

   $db = null;
   $conn = null;
);

我的角码:

app.controller('regProfileCtrl', function($http, $state, $scope,$stateParams, registration)

$scope.phone = $stateParams.phone;
$scope.setPage = function(page)
        $state.go(page);
;
$scope.setUser = function(user, page)
    var url = "http://localhost:3000/www/api/index.php/registration";
    var data = 
        user_given_name: user.name, 
        user_email: user.email, 
        user_password : user.password, 
        user_phone: $scope.phone, 
        user_last_name: "Malaysia", 
        user_country: "677"
    ;


    var error_string = "Password not matched.";
    if(user.password == user.confirmpassword)
        $http.post(url, data).then(function(response)
                            $scope.setPage(page);
                            );
    else
    
        alert(error_string);
    

); 

仅供参考,使用 app->get(...) 没有问题.. 仅在 POST 有问题..

【问题讨论】:

$result = $user->insert($data); $data 未定义。 @copynpaste 谢谢,它现在工作了.. 愚蠢的错误 【参考方案1】:

根据我的评论:

有一个未定义的变量 $data

$result = $user->insert($data);

【讨论】:

【参考方案2】:

您似乎遇到了标题错误。有一个 *** 帖子 Getting 404 error on POST. Angular.js 可能与您的问题类似。

总而言之,您可以修改代码中的标头,如下所述。

最新版 Chrome 不需要此标头

header('Access-Control-Allow-Origin: *');

不需要额外的标题。您必须改用此标头

header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");

您可以参考这篇 *** 帖子 Error :Request header field Content-Type is not allowed by Access-Control-Allow-Headers 详细解释。

【讨论】:

以上是关于通过 Angular JS $http.post 使用 slim 框架时出现 404 无效的 http 状态代码的主要内容,如果未能解决你的问题,请参考以下文章

如何在Angular.js $http.post中指定dataType:'json'?

Angular.js $http.post TypeError:无法读取未定义的属性“数据”

使用 Angular.js 的 HTTP POST

节点 js busboy 不使用 angular js $http post 发出事件

angular.js跨域post解决方案

Angular JS 1.X 接口拿不到 http post 请求的数据