NetworkError: 403禁止https://js.recurly.com/v4/recurly.js加载recurly.js

Question

我已经实现了recurly.js表单，但是在加载recurly.js时遇到了问题。以下是我的代码：

<form>
    <input type="text" data-recurly="first_name">
    <input type="text" data-recurly="last_name">
    <div data-recurly="number"></div>
    <div data-recurly="month"></div>
    <div data-recurly="year"></div>
    <div data-recurly="cvv"></div>
    <input type="hidden" name="recurlytoken" data-recurly="token">
    <button>
        submit
    </button>
</form>
<script src="https://js.recurly.com/v4/recurly.js"></script>
<script type="text/javascript">
    $('document').ready(function() {
        $('#signupForm').on('submit', function(event) {
            var form = this;
            event.preventDefault();
            recurly.token(form, function(err, token) {
                if (err) {
                    alert(JSON.stringify(err));
                    return false;
                } else {
                    $('input[name="recurly-token"]').val(token.id);
                    form.submit();
                }
            });
        });
    });
</script>

我正面临着"NetworkError: 403禁止https://js.recurly.com/v4/recurly.js“的问题。

Answer 1

浏览器和recurly.js文件之间存在某种网络问题。您需要查看您的防火墙设置。recurly.js文件似乎托管在cloudflare上，这可能会被阻止？

浏览器应该发送一个请求，比如

• :authority:js.recurly.com
• :method:GET
• :path:/v4/recurly.js
• :scheme:https
• accept:/
• accept-encoding:gzip，deflate，sdch，br
• cookie:
• user-agent:

并且服务器应该返回以下响应

• access-control-allow-credentials:false
• access-control-allow-methods:GET
• cache-control:public，max-age=14400
• cf-cache-status:HIT
• content-encoding:gzip
• content-type:application/x-javascript
• server:cloudflare-nginx
• status:200
• strict-transport-security:max-age=15768000;
• includeSubDomains vary:Accept-Encoding