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>