Ошибка - Uncaught (в обещании) TypeError: Невозможно прочитать свойство 'data' из неопределенного

Question

Я занимаюсь разработкой проекта vue.js и получил ошибку.

Uncaught (в обещании) TypeError: Невозможно прочитать свойство 'data' из неопределенного

Вот код.

Я передал данные формы в класс User.

Login.vue

<script>
 export default {
     data(){
         return {
             form :{
                 email:null,
                 password:null
             }
         }
    },
    methods:{
        login(){
            User.login(this.form)
        }
    }
}
</script>

и это класс пользователя

user.js

class User {
  login(data){
      axios.post('/api/auth/login',data)
          .then(res => this.responseAfterLogin(res))
          .catch(error => console.log(error.response.data))
  }
}
export default User = new User();

Однако, когда я переместил метод входа в Login.vue и не использовал класс пользователя, ошибки не произошло.

Login.vue

 <script>
 export default {
     data(){
         return {
             form :{
                 email:null,
                 password:null
             }
         }
    },
    methods:{
        login(){
            axios.post('/api/auth/login',this.form)
            .then(res => console.log(res.data))
            .catch(error => console.log(error.response.data))
        }
    }
}
 </script>

Пожалуйста, объясните, почему и как я могу передавать данные в класс User?

Answer 1

Не уверен, что такое возврат данных из вашего API, но попробуйте зарегистрировать res или ошибку только тогда, когда вы сможете увидеть структуру данных.

axios.post('/api/auth/login',this.form)
.then(res => console.log(res, 'success'))
.catch(error => console.log(error, 'error'))