使用 Vue 串接 Facebook Login JavaScript SDK 时 FB.getLoginStatus 总是回应 unknown 状态,但明明已经登入成功

我在本地 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


<<:  [MIT-6.S081-2020] OS课程----Xv6作业系统的环境架设

>>:  Day 36 (MySQL+PHP)

Day50. 范例:十二生肖

本文同步更新於blog 情境:玉皇大帝要举办渡河比赛,动物选手各显神通。 <?php na...

自动化 End-End 测试 Nightwatch.js 之踩雷笔记:检查颜色 II

客制化指令 Nightwatch 本身提供的功能虽然已经相当多了,不过或多或少都有些缺失。又或者我们...

Day16 中断 Lua 的执行 - coroutine

上次看的电脑萤幕程序 rom/programs/monitor.lua 还有一段特别的写法,是关於 ...

【JavaScript】解构赋值

【前言】 本系列为个人前端学习之路的学习笔记,在过往的学习过程中累积了很多笔记,如今想藉着IT邦帮忙...

铁人赛 Day11-- PHP SQL基本语法(六) -- INSERT 基本语法

INSERT 基本语法 INSERT INTO '资料表名称'('栏位名称1','栏位名称2',.....