vue axios基礎使用以及qs

axios 簡介

axios 是乙個基於promise 用於瀏覽器和 nodejs 的 http 客戶端，它本身具有以下特徵：

1，從瀏覽器中建立 xmlhttprequest

2，從 node.js 發出 http 請求

3，支援 promise api

4，攔截請求和響應

5，轉換請求和響應資料

6，取消請求

7，自動轉換json資料

8，客戶端支援防止 csrf/xsrf

axios 自帶 qs 可直接引用

npm i qs  or yarn add qs

// 在main.js

vue.prototype.$qs = qs;

//在 xx.vue

)

// created:vue生命週期中的鉤子函式，在這個時間點，data中的資料已經注入到響應式系統中

created()
}).then
(function
(res)).
catch
(function
(error));
}

axios.

post
('/user',)
.then
(function
(response)).
catch
(function
(error));
// 注意: 如果傳送請求時，發現傳遞的引數是物件，那麼可用如下方式傳引數
// var params = new urlsearchparams();
// axios.post('/user', params)
//      .then(function(res){})
//      .catch(function(error){});

//獲得使用者資訊的請求

function
getuseraccount()
//獲取使用者許可證的請求
function
getuserpermissions()
axios.
all(
[getuseraccount()
,getuserpermissions()
]).then
(axios.
spread
(function
(acct, perms)))
;

//請求***

axios.interceptors.request.
use(
function
(config)
,function
(error));
//響應***
axios.interceptors.response.
use(
function
(config)
,function
(error)
);

vue中axios在傳送post請求時，引數的處理

處理方式

// 第一種: 直接在傳送的時候，對資料進行qs.stringify處理

// 缺點: 如果專案大，有大量的請求需要傳送，那麼乙個乙個加會很麻煩
axios.
post
("/checklogin.php"
, qs.
stringify()
);// 第二種: 使用axios.create建立乙個新的axios例項，統一對資料進行處理, 同時也要借助qs模組
const axios = axios.
create(]
})axios.
post
("/checklogin.php",)
;

vue axios封裝以及使用

api.js裡面存放封裝的axios 如下 在vue頁面的script標籤中引入 import from ajax api tget,tpost,tformpost,tput,tdel 需要什麼方式引入什麼方式,例如 import from ajax api 可以直接這麼引入乙個 寫頁面的畫就不用寫...

Tortoise SVN基礎使用以及心得

tortoisesvn是一款管理專案 的版本控制系統，是基於集中式的版本控制系統。在工作中，由於實際開發工作的需要，部門是使用svn來管理日常的專案開發任務。乙個專案往往需要多天多人次或者不同團隊共同維護，所以版本控制也顯得尤為關鍵。下面是我第一次使用svn工具的心得體會。2.1 按照預設設定安裝完...

NSSortDescriptor使用以及陣列排序

nssortdescriptor 指定用於物件陣列排序的物件的屬性。物件可能是字典，這種情況就是對字典陣列排序 如果是employee物件需要按照name來排序，就生成下面的descriptor nssortdescriptor descriptor nssortdescriptor sortdes...