Question

我项目的server_config.json目录中有/src/static/js。

{
  "ApiUrl":"http://localhost:8000"
}

在我的main.js中，我想使用Axios来获取数据：

Vue.prototype.getConfigJson = function () {

  this.$http.get("/static/js/server_config.json").then((response)=> {

    Vue.prototype.ApiUrl = 'http://localhost:8000';
  }).catch((response)=> {

    if (response == null) {
      Vue.prototype.ApiUrl = 'http://localhost:8000';

    }
  });
}

在我的App.vue中我发出了函数：

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
  export default {
    mounted: function () {
      this.getConfigJson();
    }
  }
</script>

但是我无法获得json数据，我会抓住这个：

catch((response)=> {}

response为undefined。

Answer 1

您可以通过以下方式在任何Vue组件或.js文件（main.js，store.js等）中使用axios：

import axios from 'axios';

axios.get('www').then(res => {// your code})

并且对于Vue文件，确定您需要在标记内执行：

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
    import axios from 'axios';

    export default {
      mounted() {
        axios.get('www').then(res => {// your code})
      }
    }
</script>

如何在我的Vue.js项目中使用Axios获取json数据

1 个答案: