XHR http：// localhost：8080 / Jquery / data / produits.json / 1 [HTTP / 1.1 404 Introuvable 10ms]

Question

我无法从localhost上的json文件中获取元素，如何通过 ../ produits / 1更改 ../ produits.json / 1 解决我的问题吗？

这是我的代码：

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

    myApp.factory('Produits',['$resource', function ($resource) {
        return $resource('data/produits.json/:id',{id: "@id"},
                 {
                    'update': {method: 'PUT'}

                 }
        );
    }]);

     myApp.controller('produitsCtrl', function($scope, $http,Produits,$log) {

         $scope.produits=Produits.query();


         $scope.product = Produits.get( {id: 1}  );    // GET
           scope.product.$promise.then(function(data) {
               $log.info(data);
           });
         $scope.set = function(){
             var u = Produits.save($scope.newProduct)
              $log.info(u);
             $scope.produits.push(u);
         }
 });

HTML：

<div ng-app="myApp" >

            <div ng-controller="produitsCtrl"> 

                <input  ng-model="newProduct" />{{newProduct}}<button ng-click="set()">update</button>
                {{product}}
            </div>

        </div>

http://localhost:8080/Jquery/data/produits.json

[
{
"id" : 1,
"reference": "AAAAAAAA",
"designation": "iphone 5C"
},
{
"id" : 2,
"reference": "BBBBBBBB",
"designation": "xxx"
},
{
"id" : 3,
"reference": "CCCCCCCC",
"designation": "nnnn"
}
]