在使用axios獲取本地json數據時,有時候我們會發現無法正確得到數據,這時候需要查看代碼是否有問題。
axios.get('/data.json') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
以上是基本的獲取本地json數據的代碼,我們可以先檢查以下幾點:
1.路由是否正確,即/data.json是否指向了正確的json文件。
2.文件名是否正確,即data.json文件名是否正確。
3.瀏覽器是否開啟了跨域,如果有可能需要設置跨域的請求頭。
如果以上問題都排除了,我們可以進一步檢查網絡請求是否正確發送??梢允褂靡韵麓a來查看請求:
axios.get('/data.json', { validateStatus: function (status) { return true; } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
使用以上代碼可以看到請求的詳細情況,可以通過status來查看請求狀態碼,通過headers來查看請求頭,通過data來查看請求的數據。
以上就是關于axios獲取本地json的方法和注意事項的簡要介紹,希望對大家有所幫助。
下一篇mysql會話是指什么