axios 请求数据 入门级介绍

今天歇一下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);
        });

  相关介绍

posted @ 2019-09-02 16:42  明媚下雨天  阅读(276)  评论(0编辑  收藏  举报