时间戳

首页 > 解决方案 > 访问网站时发送网站访问者 IP

javascript - 访问网站时发送网站访问者 IP

问题描述

我正在做一个个人项目，我想知道为什么不使用一种 ip logger 来记录访问者的 ip 并将其发送到 Discord webhook。该代码有效，但仅在本地有效。我尝试在 Glitch 上托管代码，但我在控制台中收到此错误：

(site) deleted for privacy/:1 Access to XMLHttpRequest at 'https://discord.com/api/webhooks/(deleted for privacy)' from origin '(site) deleted for privacy' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
discord.com/api/webhooks/(deleted for privacy) Failed to load resource: net::ERR_FAILED

抓取.js：

$.getJSON("https://ipgeolocation.abstractapi.com/v1/?api_key=(my api key)", function(data) { //Make sure to use this api or use another but you got to change the values down below
    var request = new XMLHttpRequest();
    request.open("POST", "https://discord.com/api/webhooks/(the webhook)");
  
    request.setRequestHeader('Content-type', 'application/json');
    var t = {
      username: "gameJet posta",
      avatar_url: "https://www.origo.hu/i/1305/20130509-fogonosz-semion-mogilevich-orosz-maffiozo.jpg",
      content: "",
      embeds: [{
          color: "4700374",
          title: "szia lajos",
          fields: [
            {name: "Ip cim a latogatonak", value: data.ip_address},
            {name: "varos", value: data.city},
            {name: "orszag", value: data.country},
            {name: "CONTINENT(nem tudom magyarul)", value: data.continent},
          ],
         
      }]
  };
  
    request.send(JSON.stringify(t));
})

索引.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <!--- Keep or else the script won't work --->
</head>
<body>
    <script src="grab.js"></script>
    <h1>Hello World</h1>
</body>
</html>

标签： javascripthtmljquerydiscordip

解决方案

这个答案涵盖了您错误的大部分原因，简而言之，我想为您诊断您的错误并告诉您：

“没有 Access-Control-Allow-Origin 标头”问题通过CORS 策略解决，因为它认为您的脚本是恶意的（因为它显然是一个 IP 抓取器），您可以通过 CORS 代理来解决这个问题，您可以使用该代理进行设置上面的链接答案。

此外，Chromium 不允许在 localhost 上使用 CORS，这就是为什么您在那里没有遇到问题的原因。

推荐阅读