Я пытался использовать API через Axios в VueJS. Но выдает ошибку, когда я пытаюсь получить данные. журнал консоли (res.data). Нужна ваша помощь. похоже я что-то пропустил
Uncaught (в обещании) TypeError: не удается прочитать «протокол» свойства неопределенного
вот код в API.Js
import axios from 'axios';
import API from '../API';
var urlLogin = API.url.host + '/login';
var login = {
init: function(){
this.vueConfig();
if (localStorage.getItem('token') != null){
window.location.replace("./input-mobile.html");
}
},
vueConfig: function(){
var app = new Vue({
el: '#app',
data: {
isSubmit: false,
email: "email",
password: "password",
},
methods: {
submitLogin: function(){
this.isSubmit = true;
axios.post()
axios({
method: 'post',
url: urlLogin,
data: {
email: this.email,
password: this.password
}
}).then(res =>{
console.info(res.data);
this.isSubmit = false;
localStorage.setItem("token", res.data.access_token);
localStorage.setItem("name", res.data.fullname);
window.location.replace("./input-mobile.html");
}, err =>{
console.info(err);
this.isSubmit = false;
});
}
}
});
}
}
module.exports = login;
API в порядке. в сети (проверить) API браузера, дающего правильный ответ. Но не удалось получить данные
это работает большое спасибо
Вы ссылаетесь на неправильный объект в обратном вызове Axios. Попробуйте добавить let self = this
в начале вашего метода submit
, а затем в обратном вызове измените this.isSubmit
на self.isSubmit
.
submitLogin: function(){
let self = this;
this.isSubmit = true;
axios.post()
axios({
method: 'post',
url: urlLogin,
data: {
email: this.email,
password: this.password
}
}).then(res =>{
console.info(res.data);
self.isSubmit = false;
localStorage.setItem("token", res.data.access_token);
localStorage.setItem("name", res.data.fullname);
window.location.replace("./input-mobile.html");
}, err =>{
console.info(err);
self.isSubmit = false;
});
}
просто удалите эту строку:
axios.post()
в вашем методеsubmitLogin