api 라우팅 분리

app.get('/sampleQuestions', (req, res) => {
    res.sendFile(path.join(__dirname, 'sampleQuestions', 'sampleQuestions.html'));
});
app.get('/sampleQuestions/api/questions', async(req, res) => {
    try{
        const data = await fs.readFile(path.join(__dirname, 'sampleQuestions', 'test.json'));
        const questions = JSON.parse(data);
        res.json(questions);
    }
    catch(error){
        console.error('파일 읽기 오류:', error);
        res.status(500).send('서버 오류: 문제 파일을 불러오는데 실패했습니다.')
    }
});

 

웹페이지를 호스팅 해주는 것과 api 요청을 위한 라우팅을 분리하는 작업을 했다.

 

여기서 문제가 생겨서 대략 2시간 정도 무엇이 원인인지도 모른체 CORS 문제인가 싶어서 CORS를 추가해보기도하고 test.json 파일을 별도로 만들어 작업해보기도 하고 시간이 오래 걸렸다.

 

하지만 문제의 원인은 따로있었다.

 

바로 

app.get('/api/questions', async(req, res) => {
    try{
        const data = await fs.readFile(path.join(__dirname, 'sampleQuestions', 'test.json'));
        const questions = JSON.parse(data);
        res.json(questions);
    }
    catch(error){
        console.error('파일 읽기 오류:', error);
        res.status(500).send('서버 오류: 문제 파일을 불러오는데 실패했습니다.')
    }
});

 

이것이었다. 

 

기존에 코드는 갑자기 전혀 다른 경로로 api 라우팅이 들어갔고 그 경로를 알 수 없게 되버려서 서버랑 클라이언트 간에 목적지를 찾지 못하고 있었던 것이다.

 

경로 설정에 주의하도록 하자.