Question

我正在使用下面的代码在纯HTML / CSS中使用intlTelInput，并且可以正常观看演示（intl-tel-input sample）。

HTML代码

<label for="phone" class="control-label">Mobile Phone Number</label><br/>
<input type="tel" class="form-control" id="phone" placeholder="">

JavaScript代码

 <script>
 var input = document.querySelector("#phone");
intlTelInput(input, {
initialCountry: "auto",
geoIpLookup: function(success, failure) {
    $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
        var countryCode = (resp && resp.country) ? resp.country : "";
        success(countryCode);
    });
},
utilsScript: "css/intl-tel-input-master/build/js/utils.js"
});

现在，我在laravel中使用了相同的代码，但没有显示任何内容。你能告诉我如何解决这个问题吗？

获取https://ipinfo.io/?callback=jQuery1111094 ... 1559198167627＆ = 1559198167628 net :: ERR_ABORTED 429

Answer 1

这与Laravel无关。如果您在Laravel之外尝试javascript代码，应该会发现同样的错误。

429个请求太多
用户在给定的时间内发送了太多请求（“速率限制”）。

429 error表示您已超出ipinfo.io API的请求限制。

查看ipinfo.io，它显示的免费套餐每天最多允许 1000个请求。你能超过这个数额吗？

Answer 2

这可能为时已晚，但是显然当您尝试在已定义的主机（例如dev.com）或计算机IP上服务时可能会解决error 429。

为您的Laravel实例ei服务：

$ php artisan serve --host=192.168.2.23

Answer 3

供以后参考，这是答案

head标签中的链接

<link rel="stylesheet" href="{{ asset ('css/intl-tel-input/build/css/intlTelInput.css') }}"/>
<script src="{{ asset ('css/intl-tel-input/build/js/intlTelInput.min.js') }}"></script>

HTML代码

<input type="tel" id="phone" placeholder="">

脚本

<script>
var input = document.querySelector("#phone");
window.intlTelInput(input);
</script>

在Laravel中实现intlTelInput的问题

3 个答案: