Реализация Vue аутентичных глобальных функций с JS - PullRequest
Новая
       62

Реализация Vue аутентичных глобальных функций с JS

0 голосов
/ 03 мая 2020

Я пытаюсь реализовать Vue oauth, как объяснено здесь: https://developer.okta.com/blog/2018/12/03/bootiful-spring-boot-java-vue-typescript

Учебное пособие использует Okta и требует определения функций аутентификации в компоненте приложения, как ниже: 

<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator';

@Component
export default class App extends Vue {
  public authenticated: boolean = false;

  private created() {
    this.isAuthenticated();
  }

  @Watch('$route')
  private async isAuthenticated() {
    this.authenticated = await this.$auth.isAuthenticated();
  }

  private async logout() {
    await this.$auth.logout();
    await this.isAuthenticated();

    // Navigate back to home
    this.$router.push({path: '/'});
  }
}
</script>

В моем приложении у меня также есть <router-view> в этом файле, однако мой компонент использует export default{...} внутри тега сценария, который я не понимаю, как я могу расширить эти дополнительные свойства. Как перенастроить часть сценария моего приложения. vue для реализации этого раздела руководства?

...