[Node.js] rest api 파라미터에 한글 넣어 요청하기

 

해당 글은 아래의 블로그를 참고하여 작성하였습니다.

 

falaner.tistory.com/55

[Node.js]리액트 express 통해서 서버 요청시 한글 url 파라미터 사용하기

www.codingfactory.net/10377

JavaScript / 함수 / encodeURI(), encodeURIComponent(), decodeURI(), decodeURIComponent()

 

 

 

Node.js 에서 rest api를 만들 때에 request 요청을 위해 url 뒤에 GET ~~/~~/한글 과 같은 형태를 취하면 간혹 아래와 같이 깨진 모습을 볼 수 있습니다.

 

 

 

 

해결을 위해 찾아 본 결과, 백엔드에서만 수정해서 해결할 수 있는 문제는 아니고, 프론트 쪽에서 한 번 인코딩을 해주고, 인코딩 된 내용을 백엔드에서 받아 디코딩 해주는 방식을 사용하는 것 같습니다.

 

 

아래의 예시에서는 프론트쪽에서 http://localhost:3000/${encodeURIComponent('한글파라미터')}

처럼 encodeURIComponent 로 인코딩을 해주면,

 

백엔드 쪽에서 encodeURIComponent를 디코딩 할 수 있는 encodeURIComponent 를 이용하여 한글로 나타냅니다.

 

app.get(`/:temp`, (req, res) => {
        const paramDecoded = decodeURIComponent(req.params.temp);
        ...
}