2023.04.21 Nodejs의 public,cos

1. Node.js의 Public

2. Node.js의 cos

---

1. Node.js의 Public

// get방식으로 불러 들여서 ..../index로 들어왔을때 
// public 폴더에 있는 html파일을 보여주고싶다. 

// 익스프레스 스택틱을 이용하면 직접접속할 수 있다


import express from 'express';

const app = express();

app.use(express.json());

app.get('/', (req, res)=>{
    console.log('/ get으로 실행');
    res.status(200).send('get으로 첫 페이지 실행');
});

//app.use(express.static('폴더이름'));
app.use(express.static('public'));


app.listen(8080);

index.html파일은 public폴더 안에 존재 하지만 경로에서 public를 빼줘도 접근이 가능해진다. 

app.use(express.static('public'));

 

---

2. Node.js의 cos

6-cos.js코드)

import express from 'express';

const app = express();

// 브라우저 정책때문에 'Access-Control-Allow-Origin'을 해더에 넣어주지 않으면 개인정보보호 or 소스 보호 때문에 볼 수 없다 !!

app.use((req, res, next) => {
    // 외울필요는 없다 . cos를 설명하기 위해서 이론적인 설명일뿐.
    res.setHeader('Access-Control-Allow-Origin', 'http://127.0.0.1:5500');
    res.setHeader('Access-Control-Allow-Methods', 'OPTIONS,GET,POST,PUT,DELETE');

    next();
});

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


app.listen(8080);

 

7-cos.js코드)

import express from 'express';
import morgan from 'morgan';//사용자 정보를 볼수 있게 해주는애 !
import cors from 'cors';

const app = express();

//morgan옵션은 많이 존재 하지만 우리는 기본값으로도 충분하다. common

app.use(morgan('common'));
app.use(cors());

app.get('/', (req, res) => {
    console.log('/get으로 메인페이지 호출 ');
    res.send('Welcom!');
});


app.listen(8080);

위처럼 Access-Control-Allow-Origin을 넣지 않아도

cors 패키지를 설치하고 사용자 정보를 보여주는 morgan까지 설치 

---