vue-cli+element-ui使用axios

1. vue-cli項目下載axios，cd到項目目錄，在終端中輸入cnpm install axios（或者用npm也行）

2. main.js把axios掛載到vue構造函數的prototype屬性上，之后可以用$http進行get,post請求

import axios from 'axios';
Vue.prototype.$http=axios

3. get方法示例：get請求中是接口的地址（springboot寫的，跨域問題要在controller類上加@CrossOrigin）

/**
*  get中填的是接口的地址，then中是處理返回的數據
*  控制台打印返回的數據，將這個數據賦值給tableData
*/
this.$http.get("http://localhost:8089/user/user_list").then((res) => {
        console.log(res.data);
        this.tableData = res.data;
});

4. post方法示例：發送post請求，上傳form的數據，判斷返回的數據中的狀態
   如果是true說明上傳成功，跳出提示成功，清除表單數據，關閉對話框，重新查詢頁面數據
   如果是false，提示錯誤並清除表單數據

onSubmit() {
      //發送一個axios請求，綁定form參數以后上傳
      //清空表單信息也可以直接讓form={}
      this.$http
        .post("http://localhost:8089/user/save", this.form)
        .then((res) => {
          console.log(res.data);
          if (res.data.status == true) {
            //成功以后，顯示提示，清空表單，關閉對話框，重新調用查詢方法
            this.$message({
              message: "成功添加用戶",
              type: "success",
            });
            this.form = {};
            this.dialogFormVisible = false;
            this.findAllUsers();
          } else {
            this.$message.error("錯了哦，請重試");
            this.$refs.addForm.resetFields();
          }
        });
},