"TypeError: 정의되지 않은 속성 'get'을 읽을 수 없습니다", Axios, Vue.JS

"TypeError: 정의되지 않은 속성 'get'을 읽을 수 없습니다", Axios, Vue.JS

Axios를 사용하여 API에서 get request에 액세스하려고 하면 Vue에서 이 이상한 오류가 발생하고 "TypeError: cannot read property 'get' of defined"라는 메시지가 나타납니다.

 <template>
    <div class="home">
        <h1>{{ msg }}</h1>
        <p>Welcome to your new single-page application, built with <a href="https://vuejs.org" target="_blank">Vue.js</a>.</p>
    </div>
</template>

<script>
    var Vue = require('vue');

   // import axios from "axios";

    window.axios=require('axios');
    export default {
        name: 'Home',
        props: {
            msg: String
        },
        component: {
        },   
        mounted: function () {
            alert('Hi ');
            this.axios.get('https://api.github.com/users')
                .then(value => {
                    alert(value);
                         
                });
        }

    };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>


 

this를 참조하지 않다window당신의 경우는요.더 나은 접근법은 수입하는 것입니다.axios컴포넌트:

import axios from 'axios';

보다 효율적인 방법은 글로벌하게 한번 설정하는 것입니다.main.js파일:

Vue.prototype.$http = axios

어디서든 사용할 수 있습니다.this.$http

언급URL : https://stackoverflow.com/questions/63651860/typeerror-cannot-read-property-get-of-undefined-axios-vue-js