最近在使用axios讀取本地json文件時,遇到了亂碼的問題。在閱讀相關資料后,我找到了解決方案。
首先,需要在請求中設置responseType為'json',這樣axios會自動解析json格式。代碼如下:
axios.get('data.json', { responseType: 'json' }) .then(response =>{ console.log(response.data); }) .catch(error =>{ console.log(error); });
然而,即使設置了responseType,有時候仍然會出現亂碼的情況。這可能是因為我們的json文件編碼格式不是utf-8。可以使用Notepad++等文本編輯器將文件另存為utf-8編碼,然后再次嘗試讀取。
如果以上方法仍然無法解決問題,可以試著將responseType改為'text',然后手動解析json數據。代碼如下:
axios.get('data.json', { responseType: 'text' }) .then(response =>{ const data = JSON.parse(response.data); console.log(data); }) .catch(error =>{ console.log(error); });
總之,解決axios讀取本地json亂碼的問題,需要綜合考慮編碼格式和請求參數。希望以上方法能夠對大家有所幫助。