JavaScript在控制台中获取输出错误

Question

fetch('info.json').then(function (response) {
  return response.json();
}).then(function (obj) {
  console.log(obj);
}).catch(function (error) {
  console.error('Something went wrong with retrieving the info!');
});

文件“info.json”与这个 javascript 文件位于同一目录中，当我使用开发工具在 chrome 上运行它时，控制台输出“检索数据出现问题！”我不确定如何解决这个问题，因为这是我第一次使用开发人员工具并通过 chrome 上的扩展程序卸载包。任何帮助，将不胜感激！对于那些好奇的人，我正在尝试为网站创建一个自动填充程序，并且“info.json”文件包含名称、地址等信息。

Answer 1

这将向https://example.com/info.json发出请求

你需要把它放在你的清单中：

  "web_accessible_resources": [
    "yourfolder/*"
  ],

然后在你的脚本中获取 url

const myUrl = chrome.runtime.getURL('yourFolder/info.json')

fetch(myUrl).then(function (response) {
  return response.json();
}).then(function (obj) {
  console.log(obj);
}).catch(function (error) {
  console.error('Something went wrong with retrieving the info!');
});