Angular.js: 리소스 인코딩 매개변수의 encodeUriSegment는 선택 사항이어야 합니다.

에 만든 2012년 09월 19일 · 55코멘트 · 출처: angular/angular.js

$resource가 있고 url에 사용할 매개변수를 보낼 때 인코딩하지 않는 옵션이 있으면 좋을 것입니다. OOB는 URL과 일치하기 전에 매개변수(이 경우 "경로")를 인코딩합니다. 예를 들어

// In SomeResourceName factory:
$resouce('/:path',  { path: 'default.json' }, ...)
// Useing SomeResourceName
SomeResourceName.get({ path: 'game/mygame.json' })

그러면 "/game/mygame.json" 대신 url "/game%2Fmygame.json"이 호출됩니다.

빠른 수정 방법이 있습니다.

// In angular-resource.js and method encodeUriSegment
  function encodeUriSegment(val) {
    return encodeUriQuery(val, true).
      replace(/%26/gi, '&').
      replace(/%3D/gi, '=').
      replace(/%2B/gi, '+'). 
      replace(/%2F/gi, '/'); // <--- Add this line
  }

무엇이 고장날지 모르지만 그것이 나에게 효과가 있다는 것을 알고 있습니다. ResourceFactory의 actions 인수를 가로채고 인코딩 건너뛰기 플래그를 Route 생성자의 기본 인수에 전달하여 인코딩을 건너뛰도록 지시할 수도 있습니다.

Lots of comments ngResource moderate more info feature

출처

fredrikbonander

가장 유용한 댓글

@ibrahim89 , 동일한 버전의 angular 및 angular-resource를 사용해야 합니다.

gkalpak 에 2016년 10월 22일

👍3

모든 55 댓글

하이재킹 변경 사항으로 요지를 작성했습니다 :) https://gist.github.com/3749345

fredrikbonander 에 2012년 09월 19일

이것에 +1. 더 큰 유연성을 제공합니다. 우리의 사용 사례에서는 백엔드에 스프링 데이터 레스트를 사용하고 있으며 검색 방법은 기본 CRUD 작업과 동일한 리소스 개체에서 작업에 매핑해야 하는 경로 매개변수입니다.

manuelsantillan 에 2012년 10월 29일

+1. 우리 ID에는 슬래시가 포함되어 있으며(RavenDB 사용) 인코딩되지 않은 경우 깨끗한 솔루션이 될 것입니다.

georgiosd 에 2012년 11월 22일

선택 사항으로 만드는 것은 좋지만 기본적으로 활성화되어 있는지 확인하십시오.

URI를 인코딩하지 않는 것이 좋습니다. 그렇게 하지 않는 것이 지금은 "깨끗한" 것처럼 보일 수 있지만 이번 생이나 다음 생에서 당신의 엉덩이를 물어뜯을 것이라고 장담합니다.

saden1 에 2013년 04월 01일

http://www.ietf.org/rfc/rfc3986.txt 를 올바르게 읽었다면 조각에 대해 인코딩되지 않은 슬래시를 허용해야 합니다.

3.5. 파편
URI의 조각 식별자 구성 요소는 간접
기본 리소스를 참조하여 보조 리소스 식별
리소스 및 추가 식별 정보. 식별된
보조 리소스는 기본 리소스의 일부 또는 하위 집합일 수 있습니다.
자원, 기본 자원의 표현에 대한 일부 견해, 또는
해당 표현에 의해 정의되거나 설명되는 다른 리소스. ㅏ
조각 식별자 구성 요소는
숫자 기호("#") 문자로 구성되고 URI 끝으로 종료됩니다.
 fragment    = *( pchar / "/" / "?" )
...
슬래시("/") 및 물음표("?") 문자는 허용됩니다.
조각 식별자 내의 데이터를 나타냅니다. 일부
이전의 잘못된 구현은 이 데이터를 올바르게 처리하지 못할 수 있습니다.
상대 참조에 대한 기본 URI로 사용되는 경우(섹션
5.1).

사용 사례: $location.hash('/secondary-resource')

toddb 에 2013년 04월 27일

그냥 궁금합니다. 매개변수를 이중 인코딩하여 이 문제를 피할 수 있습니까?

ProLoser 에 2013년 05월 10일

죄송합니다. 그러면 더 악화됩니다. 헛된 느낌이 들더라도 확인하기 위해 여러 번 열어 보았습니다!

'/', '%252F' --> %25252F

또한,

/ %2f --> %252F
'/', '//' --> %2F%2F

생각해주셔서 감사합니다. 요청은 여전히 유효합니다.

toddb 에 2013년 05월 11일

오늘 이것에 부딪쳤다. +1
나는 그것을 좋아하지 않을 수도 있지만 우리 id에도 슬래시가 포함되어 있습니다. 이것은 선택 사항이어야 합니다.

sephie 에 2013년 07월 10일

stevermeister 에 2013년 07월 10일

retailpoint 에 2013년 09월 11일

chelexey 에 2013년 09월 28일

mrzepinski 에 2013년 11월 21일

e0ipso 에 2013년 12월 03일

jchonde 에 2014년 01월 28일

현재 구현을 문제로 만드는 데이터베이스(RavenDB)에 대한 언급을 보았지만 인코딩된 구성 요소를 예상하고 백엔드에서 올바른 ID로 디코딩하는 중개 서버가 있을 것으로 예상합니다. 누군가 강제 인코딩이 문제를 일으키는 위치에 대한 보다 구체적인 사용 사례를 제공할 수 있습니까(RavenDB에 대한 추가 컨텍스트가 없어 죄송합니다)?

사용자 입력이 요청 경로에 영향을 미치기 쉽기 때문에 $resource의 현재 디자인에서는 이것을 허용하는 것을 주저합니다.

jeffbcross 에 2014년 02월 06일

저는 REST/하이퍼미디어 디자인에 $location을 사용하고 RavenDB(또는 $resource)를 사용하지 않습니다. 라이브러리의 패치 버전으로 작업해야 했습니다.

또한 실제로 이 제안이 실제로 RFC 도 따르고 있다는 확인을 구하고 있습니다. 위 의 내 의견을 참조하십시오.

나는 또한 라이브러리 주변에서 약간 녹슬었을 수 있습니다. 제가 틀렸다면 큰 사과를 드립니다. 또한 하나 는 L332의 리소스에 있고 다른 하나 는 1071의 Angular에 구현되어 있습니다.

$location ;-)에서 사용하는 것이기 때문에 Angular에 있는 것이 필요합니다. 잘못된 분석이 있으면 사과드립니다.

toddb 에 2014년 02월 06일

+1
슬래시가 포함된 리소스 URL을 구성하기 위한 해결 방법이 있는 사람이 있습니까?

davecap 에 2014년 02월 13일

파일에서 위에서 언급한 패치 라인에 따라 위에서 언급한 두 가지 구현도 있습니다. 고통이야

toddb 에 2014년 02월 13일

이에 대한 움직임이 있습니까?
그런 옵션을 직접 사용할 수 있는 지점을 추가하기만 하면 됩니다.

LFDM 에 2014년 05월 15일

이봐,

나는 같은 문제가 있지만 요점은 나를 위해 작동하지 않습니다. 이 encodeUirSegment 메서드를 어디에 배치해야 합니까, 아니면 이 옵션을 어디에 배치할 수 있습니까? :/

patricklehmann 에 2014년 05월 26일

나는 URL을 변환하기 위해 HTTP 인터셉터를 사용하고 있었습니다. IE11에서 테스트할 때까지 작동했습니다. IE11에서 % 를 포함한 URL에 대한 XHR 요청에 대한 각도 나누기. IE10은 확실하지 않습니다. Angular는 IE9+( 참조 )를 지원해야 합니다.

수정된 ngResource로 돌아갈까..

connorbode 에 2014년 06월 17일

@connorbode --- 친구, 문제에서 언급한 것처럼 실패한 테스트 사례를 작성하세요 =) 이 경로는 이미 포함되어야 하므로 두 가지 가능성이 있습니다. 포함되지 않고 포함되어야 하거나, 아니면 중단하기 위해 무언가를 하고 있는 것입니다. 이것.

그것이 무엇인지 알아보자!

caitp 에 2014년 06월 17일

an-dev 에 2014년 06월 24일

ksokol 에 2014년 07월 28일

CouchDB 및 디자인 문서 작업 불가능(_design/cafehub/_view/menu_items)

rkakrik 에 2014년 08월 22일

이 문제 대신 내 풀 리퀘스트를 +1할 수 있나요? 문제를 해결하지만 일반적으로 제출 이후 무시되었습니다. https://github.com/angular/angular.js/pull/7940

connorbode 에 2014년 08월 22일

+1
URLdecode를 수행하지 않는 일부 레거시 웹 서비스와 상호 작용하려면 이것이 정말로 필요합니다.

grhegde09 에 2014년 09월 23일

사용자가 URL 매개변수의 인코딩을 비활성화하려는 실행 가능하고 유용한 상황이 분명히 있습니다(예: 기본 URL에 리소스 경로를 추가하려는 경우).

rossbayer 에 2014년 10월 21일

pachoulie 에 2015년 02월 10일

geoyws 에 2015년 02월 19일

jcfontecha 에 2015년 03월 21일

rashad803 에 2015년 03월 26일

@toddb 참고로 귀하의 사양 인용문은 URL의 조각 부분, 즉 #foo/bar 부분을 참조하며, 여기서 슬래시 이스케이프는 실제로 필요하지 않거나 적절하지 않습니다. 그러나 이 버그는 URL의 기본 경로 부분에서 슬래시를 이스케이프하는 것에 관한 것입니다. 일반적으로 Angular의 $resource 서비스가 패턴 일치 및 URL 구성을 처리하는 방법은 RFC에 실제로 적용되지 않는다고 생각합니다.

일반 :param 스타일 매개변수에서 슬래시를 이스케이프하지 않으면 패턴을 반전할 수 없게 만드는 문제가 있습니다. 예를 들어 /x/:param 가 있고 {param: 'y/z'} /x/y/z 생성을 허용하면 결과 /x/y/z 는 URL 패턴에 대해 구문 분석에 실패합니다.

IMHO 슬래시를 먹는 별 패턴(예: "/:param1/:param2/*pathParam" , 여기서 *pathParam 은 URL의 슬래시를 포함함)을 허용하는 URL 패턴의 기능을 갖는 것이 합리적일 수 있습니다. * 매개변수의 경우 슬래시를 이스케이프 처리하지 않고 허용하는 것이 좋습니다.

mprobst 에 2015년 04월 29일

@mprobst - 당신은 내가 조각 주변에서만 버그를 기록하고 있었다는 것이 맞습니다. 내가 사용하는 코드는 _또한_ 조각에 영향을 줍니다. 저는 $resource 서비스를 사용하지 않고 $location $ 서비스를 사용하고 있습니다. 내 기억이 도움이된다면 uriSegment 코드의 몇 가지 구현이 있습니다.

빠른 읽기에서 @connorbode 의 패치가 문제를 해결할 것입니다. 건배

toddb 에 2015년 04월 29일

adamhadani 에 2015년 04월 30일

nmehta6 에 2015년 05월 08일

paulistoan 에 2015년 05월 15일

strokyl 에 2015년 07월 07일

kinoakter 에 2015년 08월 12일

tonycapone 에 2015년 08월 19일

jkremser 에 2015년 08월 20일

pavolloffay 에 2015년 08월 21일

ui-router lib와 같은 구문을 사용할 수 있습니다.
http://angular-ui.github.io/ui-router/site/#/api/ui.router.util.type : UrlMatcher

patou 에 2015년 09월 06일

그것은 또한 위치에서 발생합니다

jiananshi 에 2015년 10월 15일

:+1:

DaAwesomeP 에 2015년 12월 20일

TheSameSon 에 2015년 12월 24일

현재 내 원래 URL을 백엔드로 보내기 위해 디코딩을 수행 중입니다.

.factory('decodeUriSegment', () => {
    return (url) => {
      return url.replace(/@/g, '%40')
        .replace(/:/g, '%3A')
        .replace(/\$/g, '%24')
        .replace(/,/g, '%2C')
        .replace(/\+/g, '%20');
    };
  });

jiananshi 에 2015년 12월 24일

tekstrand 에 2016년 01월 22일

kishorekumaru 에 2016년 03월 04일

app.config(function($resourceProvider) {
    $resourceProvider.defaults.stripTrailingSlashes = false;
});

https://github.com/angular/angular.js/pull/5560

zapolnoch 에 2016년 07월 05일

hadirsa 에 2016년 08월 12일

angularjs $resource 서비스에서 이 오류가 발생합니다.
오류: encodeUriSegment는 함수가 아닙니다

ibrahim89 에 2016년 10월 21일

@ibrahim89 , 동일한 버전의 angular 및 angular-resource를 사용해야 합니다.

gkalpak 에 2016년 10월 22일

👍3

@gkalpak , 감사합니다 !!

skarensmoll 에 2016년 12월 09일

내 오류가 해결되었습니다

ibrahim89 에 2016년 12월 10일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Angular.js: 리소스 인코딩 매개변수의 encodeUriSegment는 선택 사항이어야 합니다.

가장 유용한 댓글

모든 55 댓글

관련 문제