最近在進(jìn)行前端開(kāi)發(fā)時(shí)，遇到了一個(gè)問(wèn)題：使用axios發(fā)起請(qǐng)求獲取本地json文件時(shí)，始終返回404錯(cuò)誤。經(jīng)過(guò)查找，我終于找到了解決方案。 首先，我們需要在axios的請(qǐng)求中設(shè)置請(qǐng)求頭，將Content-Type和Accept都設(shè)置為application/json。否則，會(huì)默認(rèn)將請(qǐng)求頭設(shè)置為text/plain，導(dǎo)致請(qǐng)求失敗。 以下是代碼示例：

axios.get('example.json', {
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
}).then(response =>{
console.log(response.data);
}).catch(error =>{
console.log(error);
})

另外，如果你使用的是Vue cli 3.x版本并且在vue.config.js中配置了publicPath，會(huì)導(dǎo)致axios請(qǐng)求的url出錯(cuò)。解決方法是使用相對(duì)路徑，使用./即可。 以下是代碼示例：

axios.get('./example.json', {
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
}).then(response =>{
console.log(response.data);
}).catch(error =>{
console.log(error);
})

總之，如果你遇到了使用axios獲取本地json時(shí)始終返回404的問(wèn)題，可以嘗試以上解決方法。切記設(shè)置請(qǐng)求頭，使用相對(duì)路徑。