Vue не читает API

Я делаю приложение с Vue, которое должно читать пчелу в реальном времени, чтобы получить некоторые данные. Проблема в том, что он не может читать данные API.

С этим API он работает: API google

Чего я не делал: ip мой vps = 0.0.0.0 0.0.0.0/api/value

если я попытаюсь найти ip с помощью Google Chrome, данные появятся. Я хотел бы понять в чем я не прав

Template App.vue

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

Script App.vue

Vue.axios.get('IP-MY-VPS/api/value').then((response) => { 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>