create react app项目中fetch请求本地json数据报错

最新推荐文章于 2024-07-12 10:44:08 发布

adam_De

最新推荐文章于 2024-07-12 10:44:08 发布

阅读量719

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/adam_De/article/details/119731972

版权

在create react app项目中，使用fetch请求本地json数据时可能会遇到报错。错误原因是json文件未被正确处理和打包。解决方案包括将json文件放在public目录下，或利用process.env.PUBLIC_URL引用。这样做是因为在src或node_modules中的文件不会被自动包含在webpack构建的前端包中，因此需要显式处理。

摘要由CSDN通过智能技术生成

fetch请求本地json数据报错

export const getInitToDoLists = (localUrl) => {
    fetch(localUrl)
        .then(res => res.json())
        .then(data => {
            console.log('local data', data)
        })
}

错误提示信息如下：

解决方案：
将对饮的json数据置于public目录下，使用fetch时再传入相对于public的文件url即可；或者使用process.env.PUBLIC_URL+’/finename.json’(来源于create react app文档using the public folder)

原因推测:
If you need to use a file from src or node_modules, you’ll have to copy it there to explicitly specify your intention to make this file a part of th