Facebook客户聊天显示空iframe

我尝试加入Facebook客户聊天，并在localhost上进行测试。但我看到的只是空的iframe

我没有任何错误，只是有一个空的iframe。而且它对FB.CustomerChat.show没有反应

我的代码中的一些关键时刻：

js.src=//connect.facebook.net/en_US/sdk/xfml.customerchat.js

localhost无法测试此插件，因为需要将域列为白色：

域必须满足以下要求才能被列入白名单： -通过HTTPS服务 -使用完全限定的域名，例如。白名单不支持IP地址和本地主机

本地设置的带有自签名证书的域名可能会起作用——所有相关的事情都发生在浏览器中，所以这是唯一一个你必须说服接受自签名证书的域名

---

但是，最好不要处理颁发和嵌入您自己的证书的麻烦，而是使用这样的服务，它为您的本地主机提供了一个简单的HTTPS隧道，非常适合测试这样的东西。

我认为您无法在本地主机上测试这一点；白名单的要求，您的域不能满足与此-您需要设置一个完全合格的域名进行测试，并使其通过HTTPS以及。也许考虑NGROK是一个选项FPR本地测试。@ MISRODUD，我有一个错误的内容政策，然后我用谷歌浏览器扩展来防止这个错误，它消失了，但它只显示空iFrAME。你现在使用不同的域名吗？你已经看过手册提供的故障排除技巧了吗？@misorude我现在使用的仍然是localhost，但带有假ssl。我猜。正如我所说的，我建议研究一下ngrok，以便能够以更少的麻烦完成这样的测试。

Vue.use(vue_fb, {
        appId: process.env.FACEBOOK_AUTH_APP_ID,
        autoLogAppEvents: true,
        xfbml: true,
        version: 'v4.0'
    });```