Разверните приложение Vue. js Okta Authentication на Netlify. - PullRequest
Новая
       118

Разверните приложение Vue. js Okta Authentication на Netlify.

0 голосов
/ 22 января 2020

Я недавно создал приложение Vue. js с аутентификацией Okta. Я пытаюсь развернуть это приложение на Netlify. После настройки нового проекта в Netlify я импортировал приложение Vue. js в проект Netlify из GitHub. Я перенастроил маршрутизатор в приложении, чтобы redirect_uri в инициализаторе Okta отображал новый URL-адрес Netlify: 

import Auth from "@okta/okta-vue";

Vue.use(Auth, {
  issuer: "https://xxx-xxxxxx.okta.com/oauth2/default",
  client_id: "xxxxxxxxxxxxxxxxxxxx",
  redirect_uri: "https://xxxxxxxxx-xxxx-xxxxxx.netlify.com/implicit/callback",
  scope: "openid profile email"
});

После развертывания приложения и нажатия кнопки входа в систему меня перенаправили на стандартный вход в Okta стр. Однако вместо этого я перенаправлен на страницу с надписью «страница не найдена. Похоже, вы перешли по неработающей ссылке или ввели URL, которого нет на этом сайте».

Я даже убедился, что белый список этого URL в моей панели инструментов Okta. Есть идеи, почему Netlify не распознает новый redirect_uri? Спасибо!

Ответы [ 2 ]

2 голосов
/ 22 января 2020

Я решил проблему с CORS. На панели инструментов Okta я добавил перенаправляющий URL-адрес в качестве исходного URL-адреса в API > Trusted Origins. Я выбрал Add Origin, чтобы указать базовый URL-адрес веб-сайта, затем выбрал CORS. См .: https://support.okta.com/help/s/article/CORS-error-when-accessing-Okta-APIs-from-front-end

2 голосов
/ 22 января 2020

Поскольку вы развертываете SPA, вам необходимо направить все маршруты к вашему index.html и позволить Vue обработать их.

Согласно этой статье , вам необходимо добавьте файл _redirects в каталог publish со следующей строкой, чтобы использовать pushstate истории браузера: 

/*    /index.html   200

Для получения дополнительной информации см. Документы Netlify .

...