VUE中 axios GET和POST 如何使用

Posted 伴月阁

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE中 axios GET和POST 如何使用相关的知识,希望对你有一定的参考价值。

axios作用:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

  首先。安装及配置

    使用npm安装 

      npm install axios

    使用 yarn 安装

      yarn add axios

  然后在入口文件 main.js中引入

     import axios from ‘axios‘

     vue.prototype.$axios = axios

axios POST请求实例

      that.$axios.post(url,{a:1,b:2})
      .then(function (res) {
         console.log("返回值")
      })
      .catch(function (error) {
        console.log(error);
      });

 

axios get请求实例

       this.$axios.get(url,{params:{a:1,b:2}})
      .then(function (response) {
         console.log(‘返回值‘)
      })
      .catch(function (error) {
        //  this.$message.error(error);
      });

  

 

  

 

以上是关于VUE中 axios GET和POST 如何使用的主要内容,如果未能解决你的问题,请参考以下文章

php文件如何接受vue前端axios传过来的参数实现登录验证?

axios如何一次性发送多个网络请求?

vue---进行post和get请求

vue get/post请求如何携带cookie的问题

Vue中 get post 请求方法

axios的Get和Post方法封装及Node后端接收数据