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>