zoukankan      html  css  js  c++  java
  • vue使用axios进行ajax请求

    以前都用resource进行ajax请求,现在官方推荐使用axios,所以现在更换插件。这篇文章主要描写如何在项目中引入axios以及简单地使用axios进行ajax请求。

    第一步,需要通过npm安装插件,需要安装两个插件,它们分别是axios,vue-axios

    npm install --save axios vue-axios

    第二步,需要在项目中的入口js文件引入这两个插件

    import Vue from 'vue'
    import axios from 'axios'
    import VueAxios from 'vue-axios'
    
    Vue.use(VueAxios,axios)
    

    第三步,在项目中使用axios进行ajax请求

    //写法1
    Vue.axios.get(api).then((response)=>{
      console.log(response.data);//成功回调
    },(response)=>{
      //失败回调
    })
    //写法2
    this.axios.get(api).then((response)=>{
      console.log(response.data);//成功回调
    },(response)=>{
      //失败回调
    })
    //写法3
    this.$http.get(api).then((response)=>{
      console.log(response.data);//成功回调
    },(response)=>{
      //失败回调
    })
    

    这就是axios请求ajax简单的例子。很简单,对吧?一起在项目中使用新的技术吧O(∩_∩)O~
    vue-axios地址:https://github.com/imcvampire/vue-axios



    作者:whiteMu
    链接:https://www.jianshu.com/p/aa989357846c
    转发

  • 相关阅读:
    RabbitMq
    SAAS-HEM
    java框架
    数据结构
    JVM
    springboot高级
    面试题汇总
    vue
    bootforum
    SpringBoot
  • 原文地址:https://www.cnblogs.com/matd/p/11251160.html
Copyright © 2011-2022 走看看