Vue中怎么使用axios发送请求

客官°小女子只卖身不卖艺 2022-11-12 02:58 285阅读 0赞

Vue中怎么使用axios发送请求

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

  1. npm install --save axios vue-axios

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

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

触发方法发送axios请求

  1. sendAxiosFunction() { 
  2.       let promise = this.axios(
  3.         { 
  4.           // headers:{'Content-Type':'multipart/form-data;charset=UTF-8'} from表单
  5.           // headers: { 'Content-Type': 'application/json;charset=UTF-8' },请求json数据时
  6.           url: 'http://localhost:8081/table1/test11',
  7.           method: 'GET',//get
  8.           data: { },
  9.         }
  10.       ).then((res) => { 
  11.         console.log(res)
  12.       }).catch(error => { 
  13.         console.log(error)
  14.       });
  15.       console.log(promise)
  16.     }

发表评论

表情：
评论列表 （有 0 条评论，285人围观）

还没有评论，来说两句吧...

相关阅读