角度编码空间为 + 而不是 %20

Question

我正在使用 Angular 1.4.8，并且在获取请求中存在编码参数的错误。

这是我的服务：

   angular
        .module('test')
        .factory('User',User);

    /* @ngInject */
    function User($resource) {
        return $resource('api/users/:login', {}, {
            'query': {method: 'GET', isArray: false},
            'get': {
                method: 'GET',
                transformResponse: function (data) {
                    data = angular.fromJson(data);
                    return data;
                }
            },
            'save': {method: 'POST'},
            'update': {method: 'PUT'},
            'delete': {method: 'DELETE'}
        });
    }

当我使用它时：

     return User.get({
                        page: 1,
                        size: 20,
                        sort: 'email asc'  //THIS IS A PROBLEM
                    }
                    ).$promise.then(function (data, headersGetter) {

                       return data.content;
                    });

我的要求是：

http://localhost:3000/api/users?page=0&size=10&sort=email+asc

但它应该看起来像：

http://localhost:3000/api/users?page=0&size=10&sort=email%20asc

为什么角度没有正确编码该参数？ 如何解决这个问题？

Answer 1

如果需要，您可以手动编码。 试试这个：

sort: encodeURIComponent('email asc')

或者更好的是，将整个完成的 url 字符串包装在 encodeURIComponent 中。

请注意，url 参数中的空格无效。编码将在空间所在的位置添加 %2520。

See this question asking/explaining reason for %2520 instead of %20

See this other question and the answer quoting the RFC.