Angular Factory returning index.html as response.data instead of JSON

Question

I'm lost on this one.

I've set up a productFactory that is meant to $http.get hardcoded JSON data. This JSON has been validated by JSONlint.

Instead of returning this data, the data returned is my index.html file. What could be causing this?

productFactory:

angular.module('APP').factory('productFactory', function($http) {
    var productFactory = {
        getProducts:function(){
            return $http.get('/public/data/product.json')
                .then(function(response) {
                    console.log(response);
                    return response;
                });
        },
    }
    return productFactory;
})

The response logged to the console is a string version of my entire index.html file.

Answer 1

Is /public/ actually a part of the path to the file? Usually the public folder is set up as the document root and doesn't actually appear in the path to any resource.

Try getting to view product.json in a browser and make sure Angular is calling GET on the same path.

Answer 2

你试过这个吗？

angular.fromJson(response);