由于 CSP 规则，Facebook 聊天插件无法加载
Facebook chat plugin doesn't load because of CSP rule
我正在尝试集成 Facebook 客户聊天小部件：
<div class="fb-customerchat" page_id="{{ fb_app_id }}" minimized="true"></div>
但它没有加载，出现以下错误：
Chrome:
Refused to display 'https://www.facebook.com/v2.11/plugins/customerchat.php?app_id=APPID&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FlY4eZXm_YWu.js%3Fversion%3D42%23cb%3Df108c14525cffd8%26domain%3Dtokeeen.com%26origin%3Dhttps%253A%252F%252Ftokeeen.com%252Ff21c2952e6dd8fc%26relation%3Dparent.parent&container_width=0&locale=fr_FR&minimized=true&page_id=APPID&sdk=joey' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://www.facebook.com".
火狐：
Content Security Policy: « x-frame-options » ignoré en raison de la directive « frame-ancestors ».
我已将 tokeeen.com 域列入白名单。所以我不知道为什么我有这个错误。错误可以是 on this page.
这是一个配置问题，我们将应用程序 ID 而不是您将在 Facebook 页面的管理 "About" 选项卡上找到的页面 ID。
我正在尝试集成 Facebook 客户聊天小部件：
<div class="fb-customerchat" page_id="{{ fb_app_id }}" minimized="true"></div>
但它没有加载，出现以下错误：
Chrome:
Refused to display 'https://www.facebook.com/v2.11/plugins/customerchat.php?app_id=APPID&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FlY4eZXm_YWu.js%3Fversion%3D42%23cb%3Df108c14525cffd8%26domain%3Dtokeeen.com%26origin%3Dhttps%253A%252F%252Ftokeeen.com%252Ff21c2952e6dd8fc%26relation%3Dparent.parent&container_width=0&locale=fr_FR&minimized=true&page_id=APPID&sdk=joey' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://www.facebook.com".
火狐：
Content Security Policy: « x-frame-options » ignoré en raison de la directive « frame-ancestors ».
我已将 tokeeen.com 域列入白名单。所以我不知道为什么我有这个错误。错误可以是 on this page.
这是一个配置问题，我们将应用程序 ID 而不是您将在 Facebook 页面的管理 "About" 选项卡上找到的页面 ID。