axios 와 세션(로그인) 질문드립니다

[신유빈]

서버코드(index.js)

마이페이지코드(Mypage.js)

안녕하세요 선생님!

리액트로 페이지를 제작중입니다.
node.js 강의 처럼 세션방식 로그인을 만드는 중인데, 도움이 필요해서 게시판에 질문 남깁니다~

1. 세션이 있는데도 리액트 페이지에선 콘솔에서 "로그인 안하셨는데요"만 나와서 헤매는 중입니다.

서버 터미널에선 mypage로 접속할때마다 요청.user가 정상적으로 출력되긴합니다.

(axios 로 세션 정보를 따로 보내야하는걸까요?)

2. localhost:3000 에선 정상적으로 페이지가 보이는데, localhost:8080에선 자료만 보이는 경우가 있습니다.

이 현상을 해결할 수 있는 방법이 있을까요?

[codingapple]

axios요청시 withCredentials : true 설정해서 보내봅시다 
아니면 서버코드수정으로 서버 재시작되면 원래 세션이 날라갈 수 있습니다 

localhost:8080/mypage로 GET요청하면 html페이지 보내라는 말이 없는데 자료만 보이는게 정상입니다

[신유빈]

감사합니다!

axios 에 { withCredentials: true } 추가하고 나니 콘솔에 cors 오류가 보여서 
게시판에서 비슷한 오류 검색 후 proxy 설정따라서

http://localhost8080/mypage => /mypage 로 변경하니 제대로 동작하네요.

다시 열공 해보겠습니다.

참고자료

Q. Java백엔드 + 리액트 CORS에러 관련질문입니다.

생활코딩_리액트-프록시

<!--more-->

useEffect(() => {
        axios.get('/mypage', { withCredentials: true }
        ).then((결과) => {
            console.log(결과.data);
            유저변경(결과.data.사용자)
        }).catch(() => { (console.log('에러')) });
    }, [])

[신유빈]

오늘 컴퓨터 다시켜니 오류가 또 떠서 이렇게 해결했습니다..

1. Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
.env 파일 만들기스택오버플로우
package.json에 추가하기
"options": {
"allowedHosts": ["localhost", ".localhost"],
"proxy": "https://localhost:3386/"
}

2. Proxy error: Could not proxy request /mypage from localhost:3000 to localhost:8080

nodemon 말고 node index.js 쓰기,

해결은 했는데 뭐때문에 됐는지도 모르겠고 힘드네요.. 저는 서버개발자는 안하겠습니다༼;´༎ຶ ۝ ༎ຶ༽༼;´༎ຶ ۝ ༎ຶ༽༼;´༎ຶ ۝ ༎ຶ༽

[codingapple]

에러는 좋은겁니다

[글쓴이]

글