Почему у меня топор ios запрос на получение не работает (логин) - PullRequest
Новая
       20

Почему у меня топор ios запрос на получение не работает (логин)

0 голосов
/ 28 апреля 2020

В настоящее время я работаю над страницей для входа в школьный проект. Я использую vue. js и пытался использовать ax ios для запуска моего запроса get. Моя проблема в том, что я даже не попадаю в .then () -> alert (TEST1) - это последнее, что было показано. Я не получаю никакой ошибки Кто-нибудь знает, почему у меня есть эта проблема и как ее решить? Спасибо!

КОД: 

<template>
    ....
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6" id="formsCSS">
                <form id="login" method="get">
                    <div class="form-group">
                        <input type="text" name="username" id="username" class="form-control" placeholder="Username" required maxlength="50">
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" class="form-control" id="password" placeholder="Password" required>
                    </div>
                    <button @click="login" type="submit" name="login_button" class="block">Login</button>
                </form>
   ....
    </div>
</template>
<script>
    //import axios from './node_modules/axios/index.js';
    import axios from 'axios';
    export default {
        methods: {
            login() {
                var usrn = document.getElementById("username").value;
                var passwd = document.getElementById("password").value;
                var usesGranted = 50;
                alert("TEST0");

                this.doGetRequest(usrn, passwd, usesGranted, false);
            },
            doGetRequest(passwd, usrn, usesGranted, logedIn) {
                alert("TEST1");
                axios.get('https://moray.xyz/trawaapi/token/obtainToken.php', {
                    data: {
                        auth: {
                            username: usrn,
                            password: passwd
                        },
                        uses: usesGranted
                    }
                })
                    .then((response) => {
                        //Informationen die für Requests benötigt werden in der sessionStorage abspeichern
                        alert("TEST2");
                        console.log(response);
                        sessionStorage.setItem("token", response);
                        sessionStorage.setItem("password", passwd);
                        sessionStorage.setItem("username", usrn);
                        sessionStorage.setItem("uses", usesGranted)
                    })
                    .catch((error) => {
                        //Neuen Token anfordern
                        if (error == 401) {
                            if (logedIn == true)
                                alert("....");
                        }
                        console.error(error);
                    });
            }

        }
    };
</script>

1 Ответ

0 голосов
/ 28 апреля 2020

Вы должны запретить отправку формы. Измените кнопку удаления по нажатию кнопки и добавьте еще одно событие в тег формы: 

<form @submit.prevent="yourFunction" id="login">

Поскольку мы запрещаем отправку электронной почты и просто запускаем yourFunction - нам не нужно использовать атрибут method.

...