首页 > 移动平台 > 详细

axios使用

时间:2020-04-04 17:40:16      阅读:73      评论:0      收藏:0      [点我收藏+]

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用于发送失败后应该处理的事情

 

axios使用

原文:https://www.cnblogs.com/aizhinong/p/12632397.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!