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

Question

我对我的问题做了很多研究，none 解决方案来自互联网帮助。希望大家能帮帮我。

当我点击提交按钮时，我的浏览器控制台显示以下错误：

My Rest api 使用 Slim Framework 的代码：

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;
});

我的angular代码：

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 有问题..

Answer 1

您似乎遇到了 header 错误。有一个 Whosebug post Getting 404 error on POST. Angular.js 可能与您的问题相似。

总而言之，您可以修改代码中的 header，如下所述。

最新版本 Chrome 不需要这个 header

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

不需要额外的 header。你必须使用这个 header 而不是

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

你可以参考这个 Whosebug post Error :Request header field Content-Type is not allowed by Access-Control-Allow-Headers 里面有详细的解释。

Answer 2

根据我的评论：

有一个未定义的变量 $data

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

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

404 invalid http status code when using slim framework via Angular JS $http.post

javascript

php

slim

angularjs