angular $save method fire a post request with wrong url

Question

this is my service

album.factory('albumService', function($resource) {

    return $resource('/album/v1/album/:id', {id:'@id'})

});

however when I try to create an album

var newAlbum = new albumService($scope.album)
newAlbum.$save()

angular fires a post request to '/album/v1/album', which is wrong , it removes my trailing slash it should be '/album/v1/album/'.

because I'm using tastypie, without the trailing slash an error will rasie

You called this URL via POST, but the URL doesn't end in a slash

where is my trailing slash?

By default resource strip trailing slashes and set the url

Ajay Singh Beniwal
– Ajay Singh Beniwal

2013-06-26 06:23:28 +00:00
Commented Jun 26, 2013 at 6:23 — Ajay Singh Beniwal
– Ajay Singh Beniwal, Commented Jun 26, 2013 at 6:23
then how can I add the trailing slashes

paynestrike
– paynestrike

2013-06-26 06:26:16 +00:00
Commented Jun 26, 2013 at 6:26 — paynestrike
– paynestrike, Commented Jun 26, 2013 at 6:26

Zhe Li · Accepted Answer · 2014-07-03 14:34:54Z

2

I used the workaround mentioned in the git issue thread, it works in firefox as well.

angular.module('ngResource').config([
    '$provide', '$httpProvider',
    function($provide, $httpProvider) {
        $provide.decorator('$resource', function($delegate) {
            return function() {
                if (arguments.length > 0) {  // URL
                    arguments[0] = arguments[0].replace(/\/$/, '\\/');
                }

                if (arguments.length > 2) {  // Actions
                    angular.forEach(arguments[2], function(action) {
                        if (action && action.url) {
                            action.url = action.url.replace(/\/$/, '\\/');
                        }
                    });
                }

                return $delegate.apply($delegate, arguments);
            };
        });

        $provide.factory('resourceEnforceSlashInterceptor', function() {
            return {
                request: function(config) {
                    config.url = config.url.replace(/[\/\\]+$/, '/');
                    return config;
                }
            };
        });

        $httpProvider.interceptors.push('resourceEnforceSlashInterceptor');
    }
]);

answered Jul 3, 2014 at 14:34

Zhe Li

1,1531 gold badge14 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shayne Over a year ago

Finally an answer that works! Now I can try and get these dents out of the desk caused by me ramming my head into it angrily for the past 2 hours trying to cure this anti-feature.

Ajay Singh Beniwal · Accepted Answer · 2013-06-26 07:05:17Z

0

There are probably only two ways to get rid of the problem

1) Adding two forward slash and trailing slash at the end of url \\/(But it will not work in firefox)

2) Use traditional $http

answered Jun 26, 2013 at 7:05

Ajay Singh Beniwal

19k11 gold badges84 silver badges100 bronze badges

Comments

paynestrike · Accepted Answer · 2013-06-26 07:11:10Z

0

turns out this is a bug for django backend user

Git issue list

Mailing list

answered Jun 26, 2013 at 7:11

paynestrike

4,71814 gold badges49 silver badges71 bronze badges

1 Comment

Shayne Over a year ago

This isn't an answer at all.

Dmitry Wojciechowski · Accepted Answer · 2014-08-23 05:40:56Z

0

Now (as of Angularjs 1.3.0) you can just turn trailing slashes on: https://docs.angularjs.org/api/ngResource/service/$resource

edited Aug 23, 2014 at 5:40

answered Aug 23, 2014 at 5:26

Dmitry Wojciechowski

5906 silver badges18 bronze badges

Collectives™ on Stack Overflow

angular $save method fire a post request with wrong url

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related