data를 못찾는다는데..

Question

삭제된 글입니다

캡틴판교 · Answer

올려주신 콘솔 에러를 보니 백엔드 API 서버가 실행되고 있지 않은 것 같은데 한번 Node.js 서버 확인해보시겠어요? :) 프런트 단 에러는 아닌 것 같습니다

vnzl-456 · Answer

.

vnzl-456 · Answer

< template > < form @ submit . prevent = " submitForm " > < div > < label for = " username " > id: < input id = " username " type = " text " v-model = " username " /> < div > < label for = " password " > pw: < input id = " password " type = " text " v-model = " password " /> < button : disabled = " ! isUsernameValid || ! password " type = " submit " > 로그인 < p >{{ logMessage }} < script > import { loginUser } from ' @/api/index ' ; import { validateEmail } from ' @/utils/validation.js ' ; export default { data () { return { // form values username : '' , password : '' , // log logMessage : '' , }; }, computed : { isUsernameValid () { return validateEmail ( this . username) ; }, }, methods : { async submitForm () { try { //비지니스 로직 const userData = { username : this . username , password : this . password , }; const { data } = await loginUser (userData) ; console . log (data . user . username) ; this . logMessage = `${ data . user . username } 님 환영합니다🤩 ` ; //this.initForm(); } catch (error) { // 에러 핸들링 코드 // alert(error.response.data); this . logMessage = error . response . data ; //this.initForm(); } finally { this . initForm () ; } }, initForm () { this . username = '' ; this . password = '' ; }, }, }; < style >

캡틴판교 · Answer

안녕하세요 vnzl-456님, 올려주신 이미지가 너무 작아서 오류를 확인하기가 어렵네요. 혹시 코드랑 로그쪽만 다시 스샷해서 올려주실 수 있으세요? :)