欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue2.0之axios使用

程序员文章站 2024-03-11 16:18:25
...

一、功能

  • 在浏览器中发送 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使用详解(一)

相关标签: axios vue2.0