[Day18] 前端05：how to use vue-axios ?

第 12 屆 iThome 鐵人賽

DAY 18

Modern Web

普通人寫前後端，可以挺過30天吧！？系列第 18 篇

12th鐵人賽

q98765tw

團隊imac_web_Sr

2020-10-01 00:28:06

930 瀏覽

分享至

直接先上我們之前在後端開的 Login API

            const vm = this;
            vm.axios.post('http://localhost:8000/api/login', {
                    email: vm.email,
                    password: vm.password
                }, {
                    headers: {
                        Accept: 'application/json',
                    }

            })
            .then(function (response) {
                console.log(response);
            })
            .catch(function (response) {
                console.log(response);
            })

解釋時間開始～～～

const vm = this;

恩，好吧～第一個的原理我就不是特別明白，但解決的方法就是設定 this 放入一個無法改變的變數，這樣就能避免錯誤！我爬了很多文章大家都是跳過，如果有理解的人再麻煩幫忙回復我，感恩！

//反正我很閒

vm.axios.post('API網址', {
                輸入名稱: 欄位的值,
                password: vm.password
            }, {
                headers: {
                   能夠接受的格式,
                }

        })