如何使用axios获取本地数据

Question

我想要来自JSON文件(crew.JSON(的数据，但我无法接收：

const [apiNews, setApiNews] = useState([]);
useEffect(() => {
const fetchData = async () => {

const apiNews = await axios.create({baseURL:
`http://localhost:3000/`, headers: {
"Content-type": "application/json"
}}) 
apiNews.get('../../micro-components/Api/crew.json')

setApiNews(apiNews.data);

console.log("APIHEADER", apiNews.data)

}
fetchData(apiNews);
}, [])

你知道为什么吗。。。我得了404分，但是/microcomponents/Api/crew.json是正确的方式。。。

Answer 1

如果src代码中有内容，您应该像一样导入它

import data from '../../micro-components/Api.crew.json';

那样的话，你就可以避免这一切。

如果你真的想获取数据，你不能从src目录中获取，但你可以像这样查询公共目录

假设crew.json处于/my-app/public/crew.json

const [apiNews, setApiNews] = useState([]);
useEffect(() => {
const fetchData = async () => {
const {data} = await axios.get('crew.json');
setApiNews(data);
}
fetchData();
}, []);

我也会说这样做，因为这意味着你不必

更多信息请点击此处：https://create-react-app.dev/docs/using-the-public-folder/