Facebook Login Yielding URL: Blocked (not whitelisted)

I signed up for Facebook Social login and I am using v2.10 of the API.

I can get the login window to open up just fine, but I get the following error.

URL blocked: This redirect failed because the redirect URI is not white-listed in the app's client OAuth settings. Make sure that the client and web OAuth logins are on and add all your app domains as valid OAuth redirect URIs.

I have tried everything to get it working, but can't seem to crack the issue.

** Environment

What I have tried:

  • Adding all possible variations of the redirect uri. Including the uri listed in the window. (&redirect_uri=https://staticxx.facebook.com/connect/xd_arbiter/r/FdM1l_dpErI.js?version=42#cb=f2332406d58ffb)
  • Per This issue, added a hostfile configuration to redirect to a non-localhost
  • Tried to track down any debugging information. Tried the network inspector to see if it was reaching out anywhere, etc.
  • Read through the snark in this issue
  • Consulted this article
    • Double checked domains under the top-level app settings.

Image showing all variations of the callback url, including the faux domain entered into the host file and the redirect uri from the window (staticxx....) and the actual localhost callback url. Fb App Settings

host file 127.65.43.21 scormify.app (also did netsh detailed here)

FB SDK Init FYI only, dont think this has anything to do with it.

``` window.fbAsyncInit = function () { FB.init({ appId: 'xxx', cookie: true, xfbml: true, version: 'v2.10' });

FB.AppEvents.logPageView();

}; ```

Angular 5 Svc Code I don't think this is the problem either, FYI only.

  linkFb() {
    return FB.login(result => {
      if (result.authResponse) {
        return this.http.post(`https://localhost:5000/api/v1/account/link/fb/callback`, { access_token: result.authResponse.accessToken }).map((res: ApiResponse) => res)
      }
    }, { scope: 'public_profile,email' });
  }

Routes

  .post(
    '/account/link/fb',
    passport.authenticate('facebook-token', { session: false }),
    account.linkFb
  )
  .get('/account/link/fb/callback', account.linkFbCb)

Passport Strategy

  passport.use(
    new FacebookStrategy(
      {
        clientID: config.FACEBOOK_APPID,
        clientSecret: config.FACEBOOK_SECRET,
        callbackURL: `https://localhost:5000/api/v1/account/link/fb/callback`,
        profileFields: ['name', 'email', 'link'],
        passReqToCallback: true
      },
      (req, accessToken, refreshToken, profile, done) => {
        console.log(req);
        console.log(profile);
        // make profile;
        // make provider
        //store.upsertUser();
      }
    )
  );
};