Vue中怎么使用axios发送请求

Vue中怎么使用axios发送请求

1.首先安装所需要的axios包

npm install --save axios vue-axios

2.在main.js中引入axios和vue-axios

import axios from "axios";
import VueAxios from "vue-axios";
Vue.use(VueAxios, axios)

触发方法发送axios请求

sendAxiosFunction() {
      let promise = this.axios(
        {
          // headers:{'Content-Type':'multipart/form-data;charset=UTF-8'} from表单
          // headers: { 'Content-Type': 'application/json;charset=UTF-8' },请求json数据时
          url: 'http://localhost:8081/table1/test11',
          method: 'GET',//get
          data: {},
        }
      ).then((res) => {
        console.log(res)
      }).catch(error => {
        console.log(error)
      });
      console.log(promise)
    }