Question

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

使用此API即可： API google

我没有做的事情： ip我的vps = 0.0.0.0 0.0.0.0/api/value

如果我尝试使用Google Chrome浏览器搜索ip，则会显示数据。我想了解我的错

模板App.vue

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

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

Answer 1

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

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

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.apkfeast.class11walkthrogh"
android:screenOrientation="portrait" >

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:supportsRtl="true"
    android:theme="@style/AppTheme"
    android:fullBackupContent="true">
    <activity android:name=".Splash">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <action android:name="android.intent.action.VIEW" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
    <meta-data
        android:name="com.google.android.gms.ads.APPLICATION_ID"
        android:value="ca-app-pub-3940256099942544~3347511713"/>

    <activity android:name=".Hyderabad" />
    <activity android:name=".Mirpurkhas" />
    <activity android:name=".SelectBoard" />
    <activity android:name=".Quiz" />
    <activity android:name=".Notes" />
    <activity android:name=".fedral" />
    <activity android:name=".sukkur" />
    <activity android:name=".larkana" />
    <activity android:name=".aghakhan" />
    <activity android:name=".sarghoda" />
    <activity android:name=".Rawalpindi" />
    <activity android:name=".Faisalabad" />
    <activity android:name=".Multan" />
    <activity android:name=".Gujranwala" />
    <activity android:name=".lahore" />
    <activity android:name=".karachi" />
    <activity android:name=".sahiwal" />
    <activity android:name=".dgkhan" />
    <activity android:name=".peshawar" />
    <activity android:name=".bahawalpur" />
    <activity android:name=".balochistan" />
    <activity android:name=".hydchem" />
    <activity android:name=".hydphy" />
    <activity android:name=".hydbio" />
    <activity android:name=".hydeng" />
    <activity android:name=".hydisl" />
    <activity android:name=".hydurd" />
    <activity android:name=".hydmat" />
    <activity android:name=".hydpak" />
    <activity android:name=".hydviewdown" />
    <activity android:name=".mpkVD" />
    <activity android:name=".fedVD" />
    <activity android:name=".sukVD" />
    <activity android:name=".larVD" />
    <activity android:name=".sarVD" />
    <activity android:name=".rawVD" />
    <activity android:name=".faiVD" />
    <activity android:name=".mulVD" />
    <activity android:name=".gujVD" />
    <activity android:name=".lahVD" />
    <activity android:name=".khiVD" />
    <activity android:name=".sahVD" />
    <activity android:name=".dgkVD" />
    <activity android:name=".pesVD" />
    <activity android:name=".bahVD" />
    <activity android:name=".balVD" />
    <activity android:name=".result" />
    <activity android:name=".bioquiz" />
    <activity android:name=".chemquiz" />
    <activity android:name=".phyquiz" />
    <activity android:name=".full" />
</application>

</manifest>

Vue无法读取API

1 个答案: