(11) express 모듈 사용-② 정적 파일 서비스
Express,정적인 파일을 서비스 하는방법
app.use(express.static('디렉터리명'));
// 정적인 파일을 모아놓은 (나의 경우 public)디렉토리는 패키지로 선언한 해당 디렉토리(package.json 파일이 있는..)에 위치시키자.
// public 디렉토리 안에 router.png 파일과 sample.txt 파일이 있다.
============================================================================================
<app.js>
const express =require('express'); // 모듈을 가져오자.
var app= express(); //express().get 이런식으로 사용해도 되지만! 가독성을 높여주기 위하여 app이라는 변수에 담아주자.
app.use(express.static('public'));
app.get('/rout',function(req, res){
res.send('<h1>hello router</h1>, <img src="/router.png">');
});
app.listen(3000, function(){
console.log('connected 3000 port');
});
============================================================================================
먼저 command창에서 node app.js 를 입력하여 express에 구현된 서버를 실행시켜줘야 한다.
127.0.0.1:3000/rout 로 접근해보자.
127.0.0.1:3000/'파일명' 으로 접근하면 정적파일을 모아둔 public 안의 원하는 파일의 내용을 화면에 뿌려줄 수 있다.
// 127.0.0.1:3000/sapmle.txt 로 접근해보자.
출처: https://sourceflower.tistory.com/11?category=561762 [소스플로우]
'JavaScript BackEnd > Node.js, Express' 카테고리의 다른 글
(15) express 모듈 사용-⑥ 쿼리스트링 (0) | 2019.04.03 |
---|---|
(14) express 모듈 사용-⑤ 템플릿 엔진: jade의 문법 (0) | 2019.04.03 |
(13) express 모듈 사용-④ Intro. 템플릿 엔진 (0) | 2019.04.03 |
(12) express 모듈 사용-③ 정적 웹페이지 vs 동적 웹페이지 (0) | 2019.04.03 |
(10) express 모듈 사용 - ① (0) | 2019.04.03 |
(9) 외부모듈 Express 설치 (0) | 2019.04.03 |
(8) http모듈을 사용하여 서버를 생성해보자. (0) | 2019.04.03 |
(7) 동기 vs 비동기 (0) | 2019.04.03 |