O Vue não ler a API

votos
0

Eu estou fazendo uma aplicação com Vue que tem de ler uma abelha em tempo real para obter alguns dados. O problema é que ele não consegue ler os dados API.

Com esta API funciona: google API

Com o que eu não faço: IP meu VPS = 0.0.0.0 0.0.0.0/api/value

se eu tentar procurar ip usando o Google Chrome, os dados aparecem. Eu gostaria de entender o que eu estou errado

Template App.vue

 <template>
     <div>
        <h2>{{value}}</h2>
     </div>
   </template>

Script App.vue

Vue.axios.get ( 'IP-MY-VPS / api / value'), então ((resposta) => {this.value = response.data;}).

<script>
// Imports
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)


export default {
    data () {
        return {
               value: ''
        }
    },
    created: function() {
        this.loadQuote();
    },
    methods: {
        loadQuote: function(){
            this.value = ' '
            Vue.axios.get('0.0.0.0/api/value').then((response) => {
               this.value = response.data;
            })
        .catch(function (error){
            this.value = 'Error! ' + error;   
        })
      }
    }
}
</script>
Publicado 27/11/2018 em 18:10
fonte usuário
Em outras línguas...                            


1 respostas

votos
2

A melhor prática é incluir http ou protocolo https .

Além disso, ao executar um servidor local, Axios às vezes tentam acessar a porta errada. Então, por favor tente:

Vue.axios.get('http://0.0.0.0:80/api/value').then((response) => {
  this.value = response.data;
})
Respondeu 27/11/2018 em 18:22
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more