-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
data를 못찾는다는데..
20.05.19 23:56 작성 조회수 45
1
삭제된 글입니다
답변을 작성해보세요.
0
장기효(캡틴판교)
지식공유자2020.05.20
올려주신 콘솔 에러를 보니 백엔드 API 서버가 실행되고 있지 않은 것 같은데 한번 Node.js 서버 확인해보시겠어요? :) 프런트 단 에러는 아닌 것 같습니다
0
.png "스크린샷(43).png")
.0
vnzl-456
질문자2020.05.20
<template>
<form @submit.prevent="submitForm">
<div>
<label for="username">id: </label>
<input id="username" type="text" v-model="username" />
</div>
<div>
<label for="password">pw: </label>
<input id="password" type="text" v-model="password" />
</div>
<button :disabled="!isUsernameValid || !password" type="submit">
로그인
</button>
<p>{{ logMessage }}</p>
</form>
</template>
<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 = '';
},
},
};
</script>
<style></style>
0
장기효(캡틴판교)
지식공유자2020.05.20
안녕하세요 vnzl-456님, 올려주신 이미지가 너무 작아서 오류를 확인하기가 어렵네요. 혹시 코드랑 로그쪽만 다시 스샷해서 올려주실 수 있으세요? :)
답변 4