axios使用

1、下载axios

npm install axios --save

2、在main中导入:这样就能全局以this.$axios方式使用axios

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

3、使用

    //在模板渲染成html之前调用,用于初始化某些属性值
    created(){
      var _this = this
      this.$axios.request({
        url:"http://127.0.0.1:8000/api/v1/nav/",
        method:"GET",
      }).then(function (data) {
         //ajax请求发送成功,获取相应内容
        console.log(data.data)  //data.data获取后端传过来的数据
        if(data.data.state === 1000){
          _this.header_nav = data.data.data
        }
      }).catch(function (ret) {
        //ajax请求发送失败,获取相应内容
        console.log(ret)
      })
    }

  注意:

    1、变量名.data获取后端传送的数据

    2、then回调函数,用于发送请求成功后需要处理的事情

    3、catch用于发送失败后应该处理的事情

 

posted @ 2020-04-04 16:35  aikell  阅读(196)  评论(0编辑  收藏  举报