1.在main.js裡面設定axios
以下兩步驟引入axios
引入axios
import Axios from 'axios'
// 引入的Axios掛載到Vue實例上
Vue.prototype.$axios = Axios;

2.在組件中,生命週期方法mounted()使用
(1)get方法
mounted() {
    this.$axios.get('https://api.github.com/search/repositories?q=r&sort=stars')
        .then(res => {
            console.log(res.data);
        })
        .catch(err => {
            console.log(err);
        })
    },
(2)post方法
    解決參數轉換的問題
    q=r&sort=stars  --> {q: r, sort: stars}
                const url = 'http://www.wwtliu.com/sxtstu/blueberrypai/login.php';
            this.$axios.post(url, qs.stringify(
                {
                    user_id: 'iwen@qq.com',
                    password: 'iwen123',
                    verification_code: 'crfvw'
                }
            ))
                .then(res => console.log(res.data))
                .catch(err => console.log(err))

arrow
arrow
    文章標籤
    vue axios
    全站熱搜

    bingzhichen 發表在 痞客邦 留言(0) 人氣()