ABOUT ME

    -

    Today
    -
    Yesterday
    -
    Total
    -
    • static 디렉토리 설정 (express)
      Develpment/Node.js 2020. 9. 13. 21:32

      1. static 디렉토리 설정


      * express, nodemon 사용.


      * main.html 수정 (12번 라인 추가)


      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      <!DOCTYPE html>
      <html>
        <head>
          <meta charset="utf-8">
          <title>main.html</title>
        </head>
        <body>
          <h1>main page</h1>
       
          <p>hello node main html</p>
       
          <script src="main.js"></script>
        </body>
      </html>
       
      		cs


      * main.js : 404 not found 에러 발생


      * app.js 수정 ( 10번 라인 추가 )


      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      var express = require('express')  // express 모듈 로드
       
      var app = express()
       
      // 3000 포트로 웹서버 실행
      app.listen(3000, function() {
        console.log("start! express server on port 3000!")
      });
       
      app.use(express.static('public'))
       
      app.get('/', function(req, res) {
        //res.send('<h1>hello get!<h1>')
        res.sendFile(__dirname + "/public/main.html")
      })
       
      		cs


      * public 폴더를 static 디렉토리로 설정.

      * 404 에러 발생하지 않음.

      저작자표시 (새창열림)

      'Develpment > Node.js' 카테고리의 다른 글

      URL Routing 처리  (0) 2020.09.13
      nodemon  (0) 2020.09.13
      간단한 web server (express)  (0) 2020.09.13
      NPM Project 생성하기  (0) 2020.09.13

      관련글 관련글 더보기

      댓글

    Designed by Tistory.

    티스토리툴바