使用 npm安裝axios

$ npm install axios

安裝好之後進入檔案node_modules/axios檢視是否存在

進入到main.js裡面進行相關配置

以下有兩種請求方法：

(1)匯入axios直接請求
main.js

import axios from 'axios';

indexPage.vue(當前編輯頁面)

<script>
    import axios from 'axios'
    export default {
        data(){},
        created() {
            this
 
.getData()
        },
        methods:{
            getData(){
            axios.get('https://XXX?page=1&&limit=3')
                .then(function (response) {
                    console.log(response);
                    alert('成功了');
                })
                .catch(function (code)
 
 {
                    alert('失敗了');
                    console.log(code);
                });
            }
        }
    }
</script>

(2)封裝axios成$http進行請求
main.js

import axios from 'axios';
Vue.prototype.$http = axios

indexPage.vue(當前編輯頁面)

<script>
    export default {
        data(){},
        created() {
            this
 
.getData()
        },
        methods:{
            getData(){
            this.$http.get('https://XXX?page=1&&limit=3')
                .then(function (response) {
                    console.log(response);
                    alert('成功了');
                })
                .catch(function (code) {
                    alert('失敗了');
                    console.log(code);
                });
            }
        }
    }
</script>