Ошибка facebook, vk auth в Vue
Есть авторизация через соц сети, написанная на frontend flask и отлично работающая. Решил, что нужно фронт перенести в Vue и теперь не получается авторизоваться через соц. сети. Ошибки, которые возникают при запросе к /facebook_login следующие:
Access to XMLHttpRequest at 'https://www.facebook.com/dialog/oauth?response_type=code&client_id=***&redirect_uri=https%3A%2F%2Flocalhost%3A5000%2Ffacebook_authorized&scope=email%2C+' (redirected from 'https://localhost:5000/facebook_login') from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
GET https://www.facebook.com/dialog/oauth?response_type=code&client_id=***&redirect_uri=https%3A%2F%2Flocalhost%3A5000%2Ffacebook_authorized&scope=email%2C+ net::ERR_FAILED
Uncaught (in promise) Error: Network Error at createError (createError.js?16d0:16) at XMLHttpRequest.handleError (xhr.js?ec6c:69)
Исходя из ошибок, я понимаю что скорее всего проблема в отстутсвии открывающегося окна авторизации facebook. Но я не знаю, каким образом это можно сделать без превлечения библиотек для vue (чего бы очень не хотелось). Если я ошибаюсь, поправьте, наведите на путь правильный как же сделать нормальную авторизацию в соц.сетях (с vk такая же проблема) ?
login.py
@fapp.route("/facebook_login")
def facebook_login():
return FacebookSignIn.facebook.authorize(callback=url_for("facebook_authorized",
next=request.args.get('next'),
_external=True)
login.html
<a href="/facebook_login" class="mx-3" role="button"><i class="fab fa-2x fa-facebook-f facebook-color"></i></a>
Login.vue
<v-btn class="mx-2" fab color="black" outlined @click="fb_auth">
<v-icon>fab fa-facebook-f</v-icon>
</v-btn>
script
fb_auth() {
axios
.get('https://localhost:5000/facebook_login')
.then(response=>console.log(response))
},