axios 请求数据 入门级介绍

Posted 2022-09-23 goting

今天歇一下axios请求数据的案例，之前一直用ajax请求，现在看一下官方推荐

1.安装

npm install --save axios

2.引入

在main.js中

import VueAxios from ‘vue-axios‘

Vue.use(VueAxios, axios)

3.应用

//第一种方式  参数直接卸载地址栏 get可以适用
         this.axios.get(‘http://www.appsun.com.cn/GZUSER/marktime/getMarkTime?markdate=2019-08-21‘).then((response) => 
          this.list=response.data.data
        )
        // 将参数写在params中，设置headers请求头信息
        this.axios.get(‘http://www.appsun.com.cn/GZUSER/marktime/getMarkTime‘, 
          params: 
            markdate: ‘2019-08-21‘
          ,
          headers: ‘X-Requested-With‘: ‘123‘
        ).then((response) => 
          this.list = response.data.data
        ).catch(function (error) 
          console.log(error);
        );

　　相关介绍