NodeJS

[NodeJS] - express에서 정적인 파일을 제공(이미지, css, js 등)

Riucc 2018. 11. 10. 13:40

○ express에서 정적인 파일을 제공(이미지, css, js 등) 

 

express를 사용할 때 정적인 데이터

이미지, css, js 파일 등을 쓸 수 있게 해주는게 express.static('경로') 이다


// public 디렉토리 안에서 static(정적인) 파일들(이미지 등)을 찾겠다
// 디렉토리 경로를 지정하면 그 디렉토리 안에 있는 정적 파일들을 경로를 통해 사용할 수 있다
app.use(express.static('public'));

// 아래와 같이 디렉토리의 절대 경로를 사용하는 것이 안전하다!!!
app.use(express.static(__dirname + '/public'));


http://localhost:3000/images/kitten.jpg

http://localhost:3000/css/style.css

http://localhost:3000/js/app.js

http://localhost:3000/images/bg.png


<img src="/images/realtrack.PNG"> // 실제 위치는 /public/images/realtrack.PNG