建站
咨詢
售后
建站咨詢
新聞中心
小編給大家分享一下Vue中怎么使用axios請求攔截，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
成都創(chuàng)新互聯(lián)于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元桃源做網(wǎng)站,已為上家服務(wù),為桃源各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792一、前言
axios的基礎(chǔ)使用就不過多的講解啦，如何使用可以看axios文檔使用說明·Axios中文說明
在這里和大家分享一下axios攔截在實(shí)際項(xiàng)目中的使用
很多人都看過axios的官方文檔中攔截器這一欄，有的人可能會(huì)有點(diǎn)懵，因?yàn)槲臋n只告訴你有這個(gè)東西，而不告訴你在什么情況下使用。很多初學(xué)者就會(huì)放棄使用axios攔截器，畢竟攔截器是可以不使用的，但是使用攔截器，會(huì)在頁面中減少很多不必要的代碼。
二、說在前面的
項(xiàng)目使用的ui框架是iview
以下友好提示均使用iview ui的message提示組件，例如this.$Message.xxx
/api/request 僅僅只是例子接口，實(shí)際開發(fā)用后臺(tái)提供的接口。
code是后臺(tái)狀態(tài)碼，我這里也只是例子，不要問我為毛我的返回碼和你的怎么不一樣這樣的問題哈...這些都需要和后臺(tái)溝通約定的。
使用的請求頭是：axios.defaults.headers['Content-Type']
=
'application/x-www-form-urlencoded';至于為什么使用這個(gè)請求頭可以看看我的另外一篇文章關(guān)于axios會(huì)發(fā)送兩次請求，有個(gè)OPTIONS請求的問題
因?yàn)槭褂玫氖沁@個(gè)請求頭所以需要用qs模塊，不然后臺(tái)不認(rèn)這個(gè)數(shù)據(jù)。
三、不使用請求攔截
如果不使用請求攔截，也是可以的，但是會(huì)多了非常多的代碼，我們以登錄頁為例。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
分享名稱：Vue中怎么使用axios請求攔截-創(chuàng)新互聯(lián)
URL鏈接：http://www.dlmjj.cn/article/cdcjsc.html
