javascript - Xhttp 未在 Firefox 附加组件中触发请求

Question

我正在尝试添加一个记录我访问的 URL 的内容。数据应该发布到我的网站。

我有manifest.json

{

  "manifest_version": 2,
  "name": "add_link",
  "version": "1.0",

  "description": "button to post current page url to my site",

  "icons": {
    "48": "icons/border-48.png"
  },

  "content_scripts": [
    {
      "matches": ["*://*/", "*://www.youtube.com/*", "http://127.0.0.1:3000/links", "http://127.0.0.1:3000/*"],
      "js": ["add_link.js", "jquery.js"]
    }
  ],
  "permissions": [
    "activeTab",
    "tabs"
  ]
}

和add_link.js

var xhttp = new XMLHttpRequest();
xhttp.open("POST", "http://xlinks.herokuapp.com/links", true);
var fd = new FormData();
fd.append('link[url]', window.location.href)
xhttp.send(fd);

有任何关于它为什么不起作用的线索吗？提前致谢

Answer 1

您需要拥有远程服务器的权限才能发送跨域请求

就您的情况而言，您应该将如下内容添加到您的manifest.json中:

{
    "name": "add_link",
    ...
    "permissions": [
        "http://xlinks.herokuapp.com/links"
        "activeTab",
        "tabs"
    ]
    ...
}

更多信息: https://developer.chrome.com/extensions/xhr#requesting-permission