javascript - 无法加载没有扩展名的资源

Question

我正在尝试将 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”的方法变量。

有什么想法吗？

Answer 1

你可以在:id后面输入.json，检查:https://docs.angularjs.org/api/ngResource/service/$resource#usage