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))
留言列表