Express.js 에서 정적 파일 서비스 구축

정적 파일이란?

직접 변화를 주지 않는 파일(CSS, image, js 등)을 말한다.

 

사용방법

app.use(express.static('public'));

public라는 디렉토리 아래 있는 데이터들은 웹브라우저의 요청에 따라 서비스를 제공 해 줄 수 있다.

즉, localhost:3000/image/test.jpg로 접근한다면 public/image/test.jpg를 검사하여 웹브라우저에 제공 해 준다.

 

여러개의 정적 폴더 제공

app.use(express.static('public'));
app.use(express.static('files'));

가상의 경로 지정

정적 파일들을 가상의 경로에 묶어서 제공 할 수도 있다.

app.use('/static', express.static('public'));

이는 다음과 같이 "가상 폴더명/정적 파일 경로"로 접근 가능하다.

http://localhost:3000/static/images/logo.png
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js