Express 스태틱파일 서빙

Express를 통해 스태틱파일을 서빙해보자.

스태틱파일은 보통 서버에 저장해 둔 파일을 사용자가 바로 내려받거나, css나 html을 내려받을 때 사용된다.

사용법은 간단하다.

app.use(express.static('src/public')) 이 코드를 미들웨어를 사용하듯 추가하면 된다.

스태틱파일서빙을 할 때 유의해야 할 점이 있다.

만약에 사용자가 /users/13 라는 주소로 접속을했다.

원래 프로그램의 의도는 해당하는 데이터를 사용자에게 보여줘야한다.

그러나 만약 스태틱파일을 서빙하는 src/public 폴더 내에 users/13 라는 파일이 있다면

사용자에게 html페이지를 보여주는 것이 아닌 해당 파일을 보내게 된다.

이것은 우리가 원하지 않은 결과일 것이다.

가장 간단한 해결방법에는

스태틱서빙 관련 미들웨어 코드를 app.use(express.static('src/public')) 가장 아래로 내리는 것이다.

순서대로 미들웨어가 생성되기에 우리가 원하는 결과를 받을 수 있다.

그러나 이는 보안상으로 문제가 있을 수 있으니 다른 방법을 사용하자.

그것은 바로 app.use('/public',express.static('src/public')) 이렇게 경로를 설정하는 것이다.

이렇게하면 /users/13 라는 주소로 접속해도 스태틱파일을 서빙하지 않는다.

/public/users/13 로 접속해야만 스태틱파일 서빙을 한다.