提问者:小点点

PUT/update操作在基于rest的应用程序中$Resource AngularJS客户端失败(猫鼬插入/更新问题)。


这里我有一个使用node-restful库的基于REST的示例应用程序,我可以在其中执行除“put”之外的操作(get,save,delete)。然而,“put”操作在rest客户机(advanced rest,postman)上运行良好,但在angular客户机上运行不佳。

猫鼬模型



        var restful = require('node-restful');
        var mongoose = restful.mongoose;

    // Schema
        var productSchema = new mongoose.Schema({
          name: String,
          college: String,
          age: Number
        });

    // Return model
    module.exports = restful.model('Products', productSchema);

节点快速代码



     var express = require('express');
        var methodOverride = require('method-override');
        var mongoose = require('mongoose');
        var bodyParser = require('body-parser');
        var cors =require('cors');


    // MongoDB

        mongoose.connect('mongodb://localhost/rest_test');
        var autoIncrement = require('mongoose-auto-increment');

        // Express
        var app = express();
        app.use(methodOverride('_method'));
        app.use(cors());
        app.use(bodyParser.urlencoded({ extended: true }));
        app.use(bodyParser.json());

        // Routes
        app.use('/api', require('./routes/api'));

        // Start server
        app.listen(4000);
        console.log('API is running on port 4000');
    

更新数据的角函数



     $scope.updateData = function (userID) {

                $scope.actionData = {
                    "name": $scope.name,
                    "college": $scope.college,
                    "age": $scope.age
                }


                RoleEditF.updateUserData({
                    userId: userID
                }, $scope.actionData).then(function (response) {
                    $scope.userData = response;
                    console.log($scope.userData)
                    $scope.getData();
                }).catch(function (response) {
                     $scope.error = "Unable to get Files (code: " + response.status + "). Please try later.";
                });
            }



    angular.module('myapp')
            .factory('RoleEditF', function (updateS) {
                return {

                    updateUserData: function (parm, data, callback) {
                        var cb = callback || angular.noop;

                        return updateS.save(parm, data,
                            function (res) {
                                return cb(res);
                            },
                            function (err) {
                                return cb(err);
                            }.bind(this)).$promise;
                    } 
                }
            })


 

工厂要调用API



     angular.module('myapp')
        .factory('updateS',function($resource) {
          return $resource('http://localhost:4000/api/products/:userId', { userId: '@userId' }, {
            update: {
              method: 'PUT' 
            }
          }, {
            stripTrailingSlashes: false
          });
        });

我在浏览器上遇到以下错误

"NetworkError: 404 Not Found - http://localhost:4000/api/products/57161e0fe4fbae354407baa3"


共1个答案

匿名用户

必须在“更新”中

        'update': {
          method: 'PUT' 
        }

在$resource()工厂中

这里的文档https://docs.angularjs.org/api/ngresource/service/$resource

在创建自定义“Put”请求下