Javascript 无法加载没有扩展的资源

我试图将json文件加载到站点上，但如果url中不存在文件扩展名，则无法加载该文件

eventsApp.factory('eventData', function($http, $q) {
    return {
        getEvent: function() {
            var deferred = $q.defer();

            $http({method: 'GET', url: 'data/event/1.json'}).
               success(function(data, status, headers, config) {
                    deferred.resolve(data);
               }).
               error(function(data, status, headers, config) {
                   deferred.reject(status);
               });
            return deferred.promise;
        }
    };
});

在前面的代码中，如果取出“.json”，文件将无法加载。这通常不会有什么大不了的，除非我正在尝试学习如何在AngularJS中使用$resource对象，因此我遇到了一个错误，因为我在使用对象时无法指定文件扩展名

因此，如果我尝试使用这个：

    eventsApp.factory('eventData', function($resource) {
    var resource = $resource('/data/event/:id', {id: '@id'}, {"getAll": {method: "GET", isArray:true, params: {something: "foo"}}});
    return {
        getEvent: function() {
            return resource.get({id:1});
        },
        save: function(event) {
            event.id = 999;
            return resource.save(event);
        }
    };
});

JSON文件将无法加载，并且我不太确定是否有方法在不影响“：id”变量的情况下定义扩展名

我想有两种方法可以解决这个问题。a）我可能需要在我的系统中修复一些东西，以便能够在不定义扩展名的情况下加载文件（这意味着存在系统配置错误），或者b）使用JavaScript可以在不影响“：id”变量的情况下添加扩展名

---

有什么想法吗？

您可以在：id之后输入.json，选中：

谢谢您的参考！