Node.js 생활코딩 정리 – Express 프레임워크 정적 파일을 서비스하는 법

Express프레임워크-정적 파일을 서비스하는 법

 

정적인 파일은 변하지 않는 것

 

다음 라인을 추가하면 정적인 서비스가 된다. public은 디렉터리 명 public이란 디렉터리를 정적인 파일로 하겠다.

 

다음과 같이 추가 후

 

var express = require('express');

var app = express();

 

app.use(express.static('public'));//public 폴더를 정적으로 변환

app.get('/', function(req, res){//'/'은 홈으로 접속한 것을 의미

res.send('Hello world');

});//사용자가 GET방식으로 웹서버에 접속할 때

 

app.get('/login', function(req, res){

res.send('<h1>login page</h1>');

});

 

app.listen(3000, function(){//3000은 포트번호

console.log('Connected 3000 port!');

});

 

 

public 폴더에 route.jpg 파일을 넣고

 

주소창에 쳐보면 public 폴더를 명시안해도 그냥 사진이 나온다.

 

물론 hello.txt도 마찬가지이다.

 

 

만약 route경로를 다음과 같이 추가하면 app.get('/route', ... 부분

 

var express = require('express');

var app = express();

 

app.use(express.static('public'));//public 폴더를 정적으로 변환

app.get('/', function(req, res){//'/'은 홈으로 접속한 것을 의미

res.send('Hello world');

});//사용자가 GET방식으로 웹서버에 접속할 때

 

app.get('/route', function(req, res){

res.send('Hello router, <img src="/route.jpg">');

});

 

app.get('/login', function(req, res){

res.send('<h1>login page</h1>');

});

 

app.listen(3000, function(){//3000은 포트번호

console.log('Connected 3000 port!');

});

 

 

실행 결과

 

 

출처 : 생활코딩 (https://opentutorials.org/course/2136)