express 정적 파일 생성하기

 

정적 파일이란, 직접 값에 변화를 주지 않는 이상 변하지 않는 파일을 의미한다.( image, css, js)

express.static을 사용하면  손쉽게 정적으로 파일등을 제공해줄수 있다.

 

app.use('/uploads', express.static('uploads')); //정적파일 url, 폴더명 순

express.static을 사용하면 

const express = require('express');
const nunjucks = require('nunjucks');
const logger = require('morgan');
// const bodyParser = require('body-parser');

const admin = require('./routes/admin');
const contacts = require('./routes/contacts');

const app = express();
const port = 3000;

nunjucks.configure('template', {
    autoescape: true,
    express: app,
});

//미들 웨어 셋팅
app.use(logger('dev'));
// app.use(bodyParser.json());
// app.use(bodyParser.urlencoded({ extended: false }));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use('/uploads', express.static('uploads')); //정적파일 url, 폴더명 순

function vipMiddleware(req, res, next) {
    console.log('최우선 미들웨어');
    next();
}

app.get('/', (req, res) => {
    res.send('hello express');
});

//app.use를 활용해서 admin 라우팅 정보를 불러온다
app.use('/admin', vipMiddleware, admin);

app.use('/contacts', contacts);

app.listen(port, () => {
    console.log('express listening on port');
});

정상적으로 출력이 된다.