Window SPA Express.js setting[Simple]

Sequence

파일 / 폴더 배치

1. npm init

package.json 생성

 

2. npm install express

node_modules, package-lock.json 생성

 

3. express 파일 만들기(src/express/index.js)

const express = require("express");
const path = require("path");
const app = express();

//public 폴더 연결
app.use(express.static(path.resolve(process.cwd(), "src")));

//public 폴더에 있는 index.html 실행(GET)
app.get("/*", (req, res) => {
  res.sendFile(path.resolve(process.cwd(), "src", "index.html"));
});

//실행 표시
app.listen(8082, () => console.log("8082 port is running......"));

 

4. package.json 설정

다른 것은 다 같고 type, main, scripts만 수정

{
  "name": "day16",
  "version": "1.0.0",
  "description": "",
  "type": "commonjs",    //수정
  "main": "/src/components/main.js",  //js 처음 실행 파일(express 파일 X) 
  "scripts": {
    "start": "nodemon --exec node src/express/index.js", //express 파일
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.3"
  }
}

 

Error 발생시 확인 방법

node 부분이 고장이 나면 검색창에 해당 파일(ex. localhost:5050/js/main.js)를 치고 잘 들어오는 지 확인하면 됩니다. :)