Vue API okumuyor

oy
0

Bazı veri almak için gerçek zamanlı olarak bir arı okumak zorunda Vue ile bir uygulama yapıyorum. Sorun, API verilerini okuyamaz olmasıdır.

Bu API ile çalışır: API google

Benim VPS IP = 0.0.0.0 0.0.0.0/api/value: Ben yapmadığını neyi ile

Google Chrome kullanarak ip aramak çalışırsanız, veri görüntülenir. Ben yanlış neysem anlamak istiyorum

Şablon App.vue

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

Senaryo App.vue

Vue.axios.get (IP-MY-VPS / API / değer ') daha sonra ((yanıt) => {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>
Oluştur 27/11/2018 saat 18:10
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
2

En iyi uygulama dahil etmektir http veya https protokolü .

Yerel bir sunucu çalıştırırken Ayrıca, AXIOS bazen yanlış bağlantı noktasını erişmeyi deneyin. Yani deneyin:

Vue.axios.get('http://0.0.0.0:80/api/value').then((response) => {
  this.value = response.data;
})
Cevap 27/11/2018 saat 18:22
kaynak kullanıcı

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