如何在vue中使用axios

0 写在前面

Axios 是一个基于 promise 的 HTTP 库
他可以：
1、可以在浏览器中发送 XMLHttpRequests
2、可以在 node.js 发送 http 请求
3、支持 Promise API
4、拦截请求和响应
5、转换请求数据和响应数据
6、能够取消请求
7、自动转换 JSON 数据
8、客户端支持保护安全免受 XSRF 攻击

1 安装

使用npm命令安装，在建好的vue工程里使用命令npm install axios

在main.js中引用

import axios from "axios";
Vue.prototype.$axios = axios

new Vue({

    axios,

    render: function (h) {
        return h(App)
    }
}).$mount('#app')

2 使用

此时在项目中可以使用了。
举例：发送post请求

  methods: {    
  	方法名() {
      this.$axios.post('地址', {
        参数:参数数值
      }).then(parim => {
        回调
      })

    },
}

此时可以正常发起请求了。