使用 Vue 串接 Facebook Login JavaScript SDK 时 FB.getLoginStatus

我在本地 Localhost 串接 Facebook Login JavaScript SDK 的时候，明明已经登入成功，但是重新整理页面后，又会再次的取得 unknown 的状态
而且出现了一段错误讯息

The method FB.getLoginStatus can no longer be called from http pages.

去看了一下 Facebook 官方文章 Requiring HTTPS for Facebook Login，表示：

You will still be able to use HTTP with "localhost" addresses, but only while your app is still in development mode.

我检查了 Facebook 应用程式，确定是在开发者环境模式，但却还是出现了这个错误讯息，导致请求 FB.getLoginStatus 的时候的状态都是回传 unknown

后来设定 vue.config.js 让 Localhost 都以 HTTPS 跑才解决这个问题（Vue 如何在 LocalHost 开发环境时使用 HTTPS），就没有出现 The method FB.getLoginStatus can no longer be called from http pages. 错误

原文出处
https://ianakaberlin.medium.com/%E4%BD%BF%E7%94%A8-vue-%E4%B8%B2%E6%8E%A5-facebook-login-javascript-sdk-%E6%99%82-fb-getloginstatus-%E7%B8%BD%E6%98%AF%E5%9B%9E%E6%87%89-unknown-%E7%8B%80%E6%85%8B-%E4%BD%86%E6%98%8E%E6%98%8E%E5%B7%B2%E7%B6%93%E7%99%BB%E5%85%A5%E6%88%90%E5%8A%9F-%E4%BC%8A%E6%81%A9%E8%B8%A9%E5%9D%91%E7%AD%86%E8%A8%98-c57c89962196