node.js - MEAN 堆栈 CRUD 更新 404 错误

Question

注意，菜鸟来了。尝试建立一个平均堆栈待办事项列表。到目前为止，除了更新选项之外，我已经完成了所有工作。我所做的是设置应用程序，以便提示用户写入他们想要更新的项目。假设他们添加了“ddd”项目。然后，更新按钮将出现在项目旁边，然后用户将收到提示，要求他们输入新项目。问题是，每当用户实际上输入新项目来替换旧项目时，什么也不会发生，而是在命令提示符中收到 404 错误。任何帮助将非常感激。下面你会找到我的 Controller 、路由、index.html

路线/API

var Todo = require('./models/todo');

module.exports = function(app) {

// api ---------------------------------------------------------------------
// get all todos
app.get('/api/todos', function(req, res) {

    // use mongoose to get all todos in the database
    Todo.find(function(err, todos) {

        // if there is an error retrieving, send the error. nothing after res.send(err) will execute
        if (err)
            res.send(err)

        res.json(todos); // return all todos in JSON format
    });
});

// create todo and send back all todos after creation
app.post('/api/todos', function(req, res) {

    // create a todo, information comes from AJAX request from Angular
    Todo.create({
        text : req.body.text,
        done : false
    }, function(err, todo) {
        if (err)
            res.send(err);

        // get and return all the todos after you create another
        Todo.find(function(err, todos) {
            if (err)
                res.send(err)
            res.json(todos);
        });
    });

});

// delete a todo
app.delete('/api/todos/:todo_id', function(req, res) {
    Todo.remove({
        _id : req.params.todo_id
    }, function(err, todo) {
        if (err)
            res.send(err);

        // get and return all the todos after you create another
        Todo.find(function(err, todos) {
            if (err)
                res.send(err)
            res.json(todos);
        });
    });
});

//update to do
app.put('/api/todos/_id', function(req, res) {
        Todo.findById(req.params._id, function(err, todos){
            todo.text = req.body.text;
            console.log(todos);
            todos.save(function() {
                if (!err) {
                    res.send(todos);
                } else if (err) {
                    res.send(err);
                }
            });
        });
    });

// application -------------------------------------------------------------
app.get('*', function(req, res) {
    res.sendfile('./public/index.html'); // load the single view file (angular will handle the page changes on the front-end)
});
};

Controller

var baselTodo = angular.module('baselTodo', []);

function mainController($scope, $http) {
$scope.formData = {};

// when landing on the page, get all todos and show them
$http.get('/api/todos')
    .success(function(data) {
        $scope.todos = data;
    })
    .error(function(data) {
        console.log('Error: ' + data);
    });

// when submitting the add form, send the text to the node API
$scope.createTodo = function() {
    $http.post('/api/todos', $scope.formData)
        .success(function(data) {
            $('input').val('');
            $scope.todos = data;
        })
        .error(function(data) {
            console.log('Error: ' + data);
        });
};

// delete a todo after checking it
$scope.deleteTodo = function(id) {
    $http.delete('/api/todos/' + id)
        .success(function(data) {
            $scope.todos = data;
        })
        .error(function(data) {
            console.log('Error: ' + data);
        });
};

$scope.updateTodo = function(id) {
   $scope.newItem = prompt("Please enter your new item:", "");
    $http.put('/api/todos/' + id, {formData: $scope.newItem}).success(function(data) {
            $scope.todos = data;
        });

        $http.get('/api/todos').success(function(data) {
            $scope.todos = data;
        });
};

};

Answer 1

在你的路由 API 中看起来像:

app.put('/api/todos/_id', function(req, res) {

您忘记了路径中的冒号，因此您无法访问该变量。尝试:

app.put('/api/todos/:_id', function(req, res) {