在Vue開發(fā)中,獲取數(shù)據(jù)是非常常見的操作。但是有時(shí)候在獲取數(shù)據(jù)的時(shí)候會(huì)出現(xiàn)失敗的情況,這種情況讓我們非常頭疼。那么出現(xiàn)這種問題到底是因?yàn)槭裁茨兀肯旅嫖覀円黄饋硖接懸幌隆?/p>
首先,我們需要明確一點(diǎn),獲取數(shù)據(jù)失敗有很多原因。有時(shí)候是因?yàn)榫W(wǎng)絡(luò)不好,有時(shí)候是后端的接口有問題,還有可能是前端代碼的問題。而其中比較常見的錯(cuò)誤類型是404和500錯(cuò)誤。下面我們來分別看一下這兩種錯(cuò)誤:
// 404錯(cuò)誤代碼 axios.get('/api/getData').then(res => { console.log(res.data) }).catch(err => { console.log(err) }) // 500錯(cuò)誤代碼 axios.get('/api/getData').then(res => { console.log(res.data) }).catch(err => { console.log(err.response.data) })
對(duì)于404錯(cuò)誤來說,它的錯(cuò)誤信息是一個(gè)對(duì)象,里面包含了很多重要信息。而對(duì)于500錯(cuò)誤來說,它的錯(cuò)誤信息是一個(gè)字符串,需要通過response來獲取到。在實(shí)際開發(fā)中,我們可以通過這些信息來幫助我們找到問題所在。
如果你經(jīng)常使用Vue開發(fā),那么你應(yīng)該對(duì)這些錯(cuò)誤信息并不陌生。但是如果你還沒有遇到過這樣的問題,那么你應(yīng)該更加小心謹(jǐn)慎,一定要謹(jǐn)遵開發(fā)規(guī)范,以免在未來遇到類似的問題,讓開發(fā)效率受到影響。
上一篇vue獲取子元素的屬性
下一篇vue獲取子元素集合