如何在react的浏览器扩展中显示本地json文件数据?

Question

我试图建立一个扩展，但我的本地json数据没有被加载在我的扩展

我尝试使用fetch方法获取我的本地json数据，但在我的扩展中，它在控制台显示这样的消息TypeError:未能获取

请帮帮我，伙计们提前感谢

Answer 1

大家好，我找到了解决方案你只需要把json文件放在react的公共文件夹中并在你的代码中执行以下操作如果你使用fetch，我在redux中使用thunks，这样我就可以管理我的状态在整个应用程序

export function fetchProducts() {
return async function fetchProductsThunks(dispatch, getState) {
try {
const res = await fetch("/results.json", {
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
})
const data = await res.json()
console.log(data)
dispatch(setData(data))
} catch (err) {
console.log(err)
}
}
}