axios是专门用来进行数据传输的即Http等相关传输,基本的 使用如下

​

axios的使用

  1.导入axios,可以通过script标签导入,也可以通过npm导入
  2.使用axios
    axios({
      //设置请求方式
      method: 'GET',

      //设置请求路径,即后端的路径(spring boot中配置的端口)
      url:  ''
    })

    上面返回的是一个Promise对象,这个对象有列个属性其中有一个data对象即后端返回的数据

    返回了对象以后我们可以对该对象进行下一步处理即
   
    3.axios({
      //设置请求方式
      method: 'GET',

      //设置请求路径,即后端的路径(spring boot中配置的端口)
      url:  ''
    }).than(function(result)){
      //返回了一个对象,我们把该对象用一个result变量接收并通过conole.log方法打印
      console.log(result)
    }

    4.参数的传递
         通过get方法的参数用params:{}

        通过post方法的参数用data:{}

        axios({
      //设置请求方式
      method: 'GET',

      //设置请求路径,即后端的路径(spring boot中配置的端口)
      url:  ''

      //这里使用的是方法所以用params封装参数并传入
      params: {id:1}

      //如果使用的是post方式,则使用data:{}对象封装

      data:{}
    }).than(function(result)){
      //返回了一个对象,我们把该对象用一个result变量接收并通过conole.log方法打印
      console.log(result)
    }

    5.我么除了可以直接调用axios以外,我们还可以调用axios的get或者post方法
      语法格式:axios.get(url,{})
         url:表示我们要访问的地址
         {}:是一个对象,里面放我们传递参数的方式params{}或者data{}

    6.我们在每个组件中使用axios的时候我们都需要导入axios为了避免麻烦,我们可以在vue的原型上挂在axios
    这样就不需要再每个vue中导入axios,可以直接使用,但是这样也有一个缺点————无法实现复用


​

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐