Vue2.0之axios使用

一、功能

• 在浏览器中发送 XMLHttpRequests 请求
• 在 node.js 中发送 http请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求和响应数据
• 自动转换 JSON 数据
• 客户端支持保护安全免受 XSRF 攻击

二、安装引用

npm install axios

在main.js中

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

三、使用

发送get请求：

this.$http.get(this.submitUrl, {
            params: {
              name: this.admin.username,
              pass: this.admin.pass
            }
          })
              .then((res) => {
                console.log(res);
              })
              .catch((res) => {
                console.log(res);
              })

发送post请求：

let book={
          bname:this.product.bname,
          author:this.product.author
        }
        this.$http.post(this.addUrl,book)
          .then((res)=>{
            console.log(res);
          })

四、参考文档

vue2.0之axios使用详解(一)