官網:
引入方式:
$ npm install axios
//使用淘寶源 $ cnpm install axios //或者使用cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
安裝其餘插件的時候,能夠直接在 main.js 中引入並使用 Vue.use()來註冊,可是 axios並非vue插件,因此不能 使用Vue.use(),因此只能在每一個須要發送請求的組件中即時引入。
爲了解決這個問題,咱們在引入 axios 以後,經過修改原型鏈,來更方便的使用。
//main.js
import axios from 'axios' Vue.prototype.$http = axios
在 main.js 中添加了這兩行代碼以後,就能直接在組件的 methods 中使用 $http命令
methods: { postData () {
this.$http({ method: 'post', url: '/user', data: { name: 'xiaoming', info: '12' } }) }
下面來介紹axios的具體使用:
1 $http.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
二、
axios.get('/user/12345') .then(function(response) { console.log(response.data); console.log(response.status); console.log(response.statusText); console.log(response.headers); console.log(response.config); });