Axios 未在background.js 中定义（manifest v3）

Question

我目前正在开发 chrome 扩展。

我想要的工作流程：content-script.js 向 background.js 发送一条消息。一旦后台使用 eventListener 接收到消息，后台就会开始执行一个进程，其中包括 axios.post 请求以及 localStorage.setItem。由于我已将项目的清单迁移到 V3，background.js 成为了服务工作者。因此，在执行扩展时，background.js 控制台会显示“axios 未定义”以及“localStorage 未定义”。 因此我需要一种在background.js（manifest v3）中使用它的方法。

注意：我也尝试使用 chrome.storage.local，但 set 函数的回调被调用，但 get 函数没有获取任何值。

Answer 1

不要忘记将“存储”权限放入清单文件中。

ma​​nifest.json (v3)

{
  "name": "Test extenstion",
  "description": "Test Extension!",
  "version": "1.0",
  "manifest_version": 3,
  "background": {
    "service_worker": "background.js"
  },
  "action": {},
  "permissions": ["storage", "activeTab", "scripting"]
}

Background.js

chrome.storage.sync.set({key: value}, function() {
  console.log('Value is set to ' + value);
});

chrome.storage.sync.get(['key'], function(result) {
  console.log('Value currently is ' + result.key);
});

来源：
https://developer.chrome.com/docs/extensions/reference/storage /#用法