Node.js
[Node] #Express - 정적파일(static)
mygomii
2018. 5. 16. 13:51
반응형
이미지, CSS파일 및 Javascript파일과 같은 정적 파일를 제공하려면 express.static를 사용하면 됩니다.
express.static()에 포함된 디렉토리의 이름을 미들웨어 함수에 전달하면 파일의 로드를 할 수 있습니다.
1 | app.use(express.static('public')); //public이라는 디렉토리를 만듦 |
이렇게 코드를 작성해주세요.
그다음,
NodeTest프로젝트에 public이라는 폴더(디렉토리)를 만들겠습니다.
만드셨나요?
public이라는 폴더에 본인이 좋아하는 이미지하나를 다운받아주세요.
해주셨나요?
실행을 시키고
브라우저를 오픈을 한뒤 주소에 localhost:3000/a.jpg 치시면
이렇게 이미지가 나옵니다.
밑에 방법은 동적인 방법입니다.
1 2 3 4 | //동적인 방법 app.get('/route', function(req, res){ //localhost:3000/route 를 치면 페이지 나옴 res.send('<img src="/a.jpg">') }) | cs |
main.js 을 실행해주세요
저는 cmd창에서 실행을 시켜주겠습니다.
그 다음 브라우저에 localhost:3000/route
이렇게 이미지가 나왔으면 성공한겁니다!!
이 방법과 같이 css, script,txt 등 다른 파일들도 가능합니다!!
반응형