Mixed content error when trying to authorize OAuth

I’m on this page trying to login.

https://api.twitch.tv/kraken/oauth2/authenticate?action=authorize&client_id={clientid}&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Fauth%2Ftwitchtv%2Fcallback&response_type=code&scope=user_read&state=a7b709fd03cd1cd97960f48ae4aaffb1221236363d7cb703

This request fails and says it’s a canceled request in the Chrome debugger.

https://api.twitch.tv/kraken/oauth2/authorize?action=login&client_id={clientid}&date[day]=&date[month]=&date[year]=&email=&login={user}&login_type=login&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Fauth%2Ftwitchtv%2Fcallback&response_type=code&scope=user_read&state=a7b709fd03cd1cd97960f48ae4aaffb1221236363d7cb703&utf8=✓