Vue does not read the API

Question

我正在用Vue制作一个应用程序，它必须实时读取一个蜜蜂才能获得一些数据。问题是它无法读取API数据。

使用此API，它可以：API谷歌

对于我没有做的事情：ip my vps=0.0.0.00.0.0.0/api/value

如果我尝试使用谷歌浏览器搜索ip，数据就会出现。我想了解我错了什么

模板应用程序.vue

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

脚本应用程序.vue

Vue.axios.get('IP-MY-VPS/api/value'(.then((response(=>{this.value=响应数据；})

<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>

Answer 1

最佳做法是包含http或https协议。

此外，运行本地服务器时，axios有时会尝试访问错误的端口。所以请尝试：

Vue.axios.get('http://0.0.0.0:80/api/value').then((response) => {
this.value = response.data;
})