Facebook JSSDK Unknown Host domain报错及允许域名端口配置问题

Facebook的Allowed Domains for the JavaScript SDK配置项本身设计为仅校验域名主体，不支持填写端口，保存时自动移除端口属于正常逻辑。可通过以下方法解决开发环境报错问题：

• 优先使用localhost适配方案：直接在配置栏添加localhost，不需要填写任何子域名、端口信息。Facebook对localhost开发环境做了特殊兼容，只要你本地服务的根域是localhost，无论使用什么子域名（如www.example.localhost）、什么端口，都会被识别为合法域名。配置完成后保存等待2-3分钟生效，清除浏览器缓存后重新测试即可，该方案可覆盖绝大多数本地开发场景。
• 自定义本地域名适配：如果你的开发环境使用非localhost后缀的自定义本地域名，可先修改本地hosts文件将自定义域名映射到127.0.0.1，在配置栏填写自定义主域名（无需端口），同时将本地开发服务的端口改为80（HTTP协议）或443（HTTPS协议），访问时不需要携带端口即可正常调用SDK。
• 测试应用适配：如果以上方案都无法满足你的开发需求，可以在Facebook开发者后台单独创建对应正式应用的测试应用，测试应用的域名校验规则更宽松，配置本地开发主域名即可使用，且测试应用数据与正式应用完全隔离，不会影响线上业务。

注意：配置修改后存在几分钟的生效延迟，生效前测试可能依旧报错，建议等待5分钟后再做测试，同时确认SDK初始化时填写的应用ID与后台配置的应用ID一致。

内容的提问来源于stack exchange，提问作者kneeki