新聞中心
這篇文章主要介紹vue 2.x中axios如何封裝get和post方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
澄江網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)公司!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站開(kāi)發(fā)等網(wǎng)站項(xiàng)目制作,到程序開(kāi)發(fā),運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司公司2013年成立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。
vue 2.x axios 封裝的get 和post方法
import axios from 'axios' import qs from 'qs' export class HttpService { Get(url, data) { return new Promise((resolve, reject) => { axios.get(url, { params: data }).then((res) => { if (res) { //成功回調(diào) resolve(res); } }).catch((error) => { reject(error); }) }) } Post(url, data) { return new Promise((resolve, reject) => { axios.post(url, qs.stringify(data), { headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Accept': 'application/json' } }).then((res) => { if (res) { //成功回調(diào) resolve(res); } }).catch((error) => { reject(error); }) }) } }
postfile方法
PostFlie(url, data) { return new Promise((resolve, reject) => { //根據(jù)data對(duì)象生成FormData對(duì)象 var temp = new FormData(); for (var t in data) { temp.append(t, data[t]); } axios.post(url, temp).then((res) => { if (res) { resolve(res.Data); } }).catch((error) => { reject(error); }) }) }
以上是“vue 2.x中axios如何封裝get和post方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章標(biāo)題:vue2.x中axios如何封裝get和post方法
本文網(wǎng)址:http://www.ef60e0e.cn/article/gcjjjj.html