axios 삭제시 바로 나타나게하기

[codingapple]

NaN은 '1' 이 아니라 이상한 자료를 숫자로 변환하려할 때 나오는 자료형입니다 

서버로 전달된 자료를 서버에서 출력해봅시다 {} 이런게 나올수도요 

[장경민]

서버 콘솔에서 {} 로 나오고 있습니다 ! ..

계속해서 시도해보는중인데 해결이안되네요 

[codingapple]

req.body 출력하면 {} 이게 나오나요 

[장경민]

네 그렇습니다.

[codingapple]

{
  data: { 어쩌구 }, 
  headers: {
    "Content-Type": "application/json"
  }
}

delete 요청할 때 headers : 를 추가해봅시다

안되면 그냥 url 파라미터로 필요한 정보 보내면 됩니다

[장경민]

{
  data: { 어쩌구 }, 
  headers: {
    "Content-Type": "application/json"
  }
}

해도 

{} 나오네요 

 

안되면 그냥 url 파라미터로 필요한 정보 보내면 됩니다 << 이말씀은 어떻게 하면 되는걸까요 ? axios 로 보내지는  data 가 안보내지는거같은데 

 

( Node+Express 서버와 React 연동하기

강의하단 내용중

그리고 nodejs 서버파일엔 const 여러개 모여있는 곳 하단에

app.use(express.json());
var cors = require('cors');
app.use(cors());
이 코드 넣고 시작하셔야 리액트와 nodejs 서버간 ajax 요청 잘됩니다. )

위 내용처럼

serve.js 에 app.use(express.json());
var cors = require('cors');
app.use(cors()); 

가 없어서 axios 로 data 를 못보내나 싶어 코드를 server.js 에 넣어보면서버가 다운이 되네요 처음부터 다지우고 새로 하는데도 원인을 모르겠습니다..ㅠㅠㅠㅠㅠㅠ

 

[장경민]

데이터가 전송되는지 확인하기위해 

  app.get('/show',function(요청, 응답){
    응답.status(200).send('성공');
        console.log(요청.body)
  }); 테스트로 서버에 짜놓고

useEffect(() => {
       axios
          .post("/show",{
            data: { 글내용 : 1111}
          })
          .then((res) => {
            console.log(res.data);
          })
          .catch(() => {
            console.log("실패");
          });
    }, []);

get , post 다 보내봤는데도 {} 이 나오네요

Test 컴포넌트 만들고

useEffect 를 사용해서 axios 로 보내보면 안되고

제이쿼리 ajax 를 

componentDidMount() {} 안에 담아 사용하면 

데이터가 보내집니다 ..

 

 

[장경민]

구글링 하면서 변수에 담아서 보내보니 2번이미지처럼 

{ '{"보낼데이터":"이거요"}': '' } 로 받아오고있습니다.

 

[장경민]

구글링 후 해결했습니다 !! 감사합니다

[글쓴이]

글