VUE中使用axios做ajax請求

2021-09-23 18:13:02 字數 1338 閱讀 7253

vue2.0之後,就不再對vue-resource更新,而是推薦使用axios

1. 安裝 axios

$ npm install axios

$ bower install axios
2. 在要使用的檔案中引入axios

import axios from 'axios'
3. 使用axios做請求

可以通過向axios傳遞相關配置來建立請求,只有url是必需的。如果沒有指定method,請求將預設使用get方法。

,
//status來自伺服器響應的 http 狀態碼

status: 200,

//statustext來自伺服器響應的 http 狀態資訊

statustext: 『ok』,

//headers伺服器響應的頭

headers: {},

//config是為請求提供的配置資訊

config: {}

}使用then時,你將接收下面這樣的響應:

axios.get('/user/12345')

.then(function(response) );

在使用catch時,響應可以通過error物件可被使用

axios.post('/user', )

.catch(function (error) );

5. 使用例項

el1: get請求

axios.get('/user', 

}).then(function (response) )

.catch(function (error) );

el2: post請求

axios.post('/user', )

.then(function (response) )

.catch(function (error) );

el3: 執行多個併發請求

function getuseraccount()
function getuserpermissions()

axios.all([getuseraccount(), getuserpermissions()])

.then(axios.spread(function (acct, perms) ));

vue使用Axios做ajax請求

vue使用axios做ajax請求 vue2.0之後,就不再對vue resource更新,而是推薦使用axios 安裝 axios npm install axios 或 bower install axios 2.在要使用的檔案中引入axios import axios from axios 3...

vue使用Axios做ajax請求

vue2.0之後,就不再對vue resource更新,而是推薦使用axios 1.安裝 axios npm install axios 或 bower install axios 2.在要使用的檔案中引入axios import axios from axios 3.使用axios做請求 可以通過...

vue專案中使用axios傳送請求

在src下新建乙個server的資料夾,資料夾中的檔案是server.js檔案 server.js檔案中寫 import from element ui let baseurl if process.env.node env development else else catch v from se...