프록시 설정

[김민성]

리엑트로 만든 html을 수정했을 때 빌드하지 않고 바로 서버를 통해 볼 수 있는 기능이 프록시라고 하셨는데

프록시를 검색해서 알아봤어요 근데 package.json 에 "proxy":http://localhost:(서버포트번호)라고 추가하면 

된다고 누가 그러던데 이렇게 하는게 맞나요? 추가로 더 해야할게 있나요? 

지금 리엑트로 만든 버튼으로 POST 요청하려고 하는데 너무 어렵네요 ㅠㅠ 

[김민성]

아 해결했습니다 그럼 이제부터 express 서버 포트번호로 들어가서 작업하는게 아니라 리엑트 npm start해서 들어가는 3000번 포트로 들어가서 작업하고 수정하고 하는거죠? 실제 서비스를 운영할 때는 express 포트를 열어두면 되는거고요?

[codingapple]

10분만에 해결했군요 서버+리액트 동시에 작업하실 땐 express서버랑 리액트랑 동시에 띄워놓고 해야 실시간새로고침이 잘됩니다

근데 주로 보면서 작업하는건 localhost:(리액트포트) 일 것 같군요

 

[장호영]

어떻게 해결하셨나요?
 

저는 “proxy”:http://localhost:(서버포트번호)를 package.json파일에 넣기만했는데

 

돌렸을때 

Proxy error: Could not proxy request /server.js from localhost:3000 to http://localhost:8080/. 

 

이런에러가뜹니다 ㅠㅠ

[codingapple]

서버띄우는거 nodemon server.js랑 리액트 띄우는거 npm run start 둘다 했습니까

[장호영]

네 둘 다 띄웠습니다.

구글링을 통해 어떻게 어떻게 해결은 했습니다!

근데 콘솔창에 504 gateway timeout이 계속 뜨네요..

그리고 axios.get(~~)

~~에 들어가야할 URL이 정확히 뭔지 모르겠습니다 ㅠㅠ

현재 aws로 rds만들어서 친구들과 mariadb 사용 중이고 

server.js에서 connection 열어서 
app.get('/stock',function(res,req){
    connection.query("select * from all_stock_price_5",(err,rows,fields)=>{
       if(!err){
           res.send(rows);
       }
        
    })
})이런식으로 쿼리문 날렸는데

제가 axios.get('URL')에서 URL에 무엇을 입력해야하는지 잘모르겠습니다.

현재는 그냥 ..

  useEffect(function(){
        axios.get('/stock')
        .then((result)=>{   
             
            DIDIset(DIDI+1)
         })
        .catch((err)=>{DIDIset(DIDI-1)});
})

이런식 useEffect를 통해서 /stock이라고만 써둔 상태입니다 ㅠㅠ

DIDI는 그냥 axios.get이 잘되는지 안되는지를 보려고 써둔 디버깅용 입니당

[codingapple]

서버에다가 app.get(‘/stock’, 어쩌구 이렇게 썼으면 

axios.get('/stock') 하시면 됩니다

[글쓴이]

글