2017-01-26 12 views
1

Я связываюсь, чтобы получить API, работающий с Vue.JS 2 и Laravel 5.4. В моей App.vue У меня есть следующий код:Vue.js 2, Laravel 5.4, Passport, axios - API 'GET' Проблемы

export default { 
    name: 'app', 
    components: { 
    Hello 
    }, 
    created() { 
    const postData = { 
     grant_type: 'password', 
     client_id: 2, 
     client_secret: 'somesecret', 
     username: '[email protected]', 
     password: 'password', 
     scope: '' 
     } 
     this.$http.post('http://localhost:8000/oauth/token', postData) 
     .then(response => { 
      console.log(response) 
      const header = { 
      'Accept': 'application/json', 
      'Authorization': 'Bearer ' + response.body.access_token 
      } 
      this.$http.get('http://localhost:8000/api/test', {headers: header}) 
      .then(response => { 
       console.log(response) 
      }) 
     }) 
    } 
} 

В то время как «POST» работает без каких-либо проблем, я просто не могу получить «GET» работает.

Мой console.log показывает следующее:

Uncaught (in promise) TypeError: Cannot read property 'access_token' 
of undefined at eval (eval at <anonymous> (app.js:810), <anonymous>:33:51) 
(anonymous) @ App.vue?86c0:29 

К сожалению, я не смог найти каких-либо объяснений, почему это может случаться. Кто-нибудь знает, изменили ли они «access_token» на что-то другое или почему это происходит?

Надеюсь, что кто-то знает: |

Заранее благодарен!

Paul

+0

Каков ваш код GET? Вы не можете отправить тело запроса через GET. Вам нужно прикрепить параметры к URL. –

ответ

3

Это не в моей голове. Но я уверен, что если вы используете axios как ваш клиент XHR, ваше тело ответа находится под параметром «данные», а не «телом».

В итоге ваша ссылка на access_token будет

'Authorization': 'Bearer ' + response.data.access_token

0

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

https://github.com/safiahmed4cs/Larave-Passport-with-Vue-Vue-Router-and-axios

который имеет Laravel App , Laravel Passport,

Axios, Vue Js, Vue Resource и Vue Router также импортируются,

Сообщите мне, если вам требуется дополнительная информация или вы столкнулись с какими-либо проблемами.

 Смежные вопросы

  • Нет связанных вопросов^_^