vue中axios数据请求 get和post

axios(基于 promise 的 HTTP 库)

<script src="./vue.js"></script>
<!-- 1. 引入axios文件 -->
<script src="./axios.js"></script>

<script>
let vm = new Vue({
el: '#app',
data: {
newId: '',
newName: '',
list: [],
},
// get 请求
methods: {
getList() {
let url = 'http://19list.........'
// 调用axios的get方法，获取数据
axios.get(url)
.then(res => {
console.log(res);
// 将获取回来的数据赋值给list
this.list = res.data
})
.catch(err => {
console.log(err);
})
},
}

// post 请求
methods: {
getData: function () {
var url = 'http://www.liulongbin.top:3005/api/addproduct'
axios.post(url, "name=hello")
.then(res => {
console.log(res);
})
.catch(error => {
console.log(error);
})
}
}
})
</script>