Попытка использовать. json, но Vue -CLI не находит файл - PullRequest
Новая
       14

Попытка использовать. json, но Vue -CLI не находит файл

1 голос
/ 31 марта 2020

У меня был SQL database, который я получил с json_encode. Я скопировал результат в .json, чтобы попытаться использовать его с Vue-cli. Итак, я поместил файл в assets, затем components, но в console у меня всегда есть это сообщение: 

GET http://localhost:8080/assets/fetch.json 404 (Not Found)

Кроме того, вот код, который я вставил в Приложение. vue

<script>
export default {
  data() {
    return { dm: [], error: [] };
  },

  mounted() {
    this.$axios
      .get("views/fetch.json")
      .then(response => {
        this.dm = response.data;
      })
      .catch(e => {
        this.error.push(e);
      });
  }
};
</script>

и потреблять его: 

  <tr v-for="(dm, index) in dm" :key="index">
    <td>{{ dm.id_dm }}</td>
  </tr>

1 Ответ

3 голосов
/ 31 марта 2020

Я не совсем уверен, какая у вас структура проекта, но вы пытались импортировать файл напрямую с помощью оператора import вместо использования axios, например, так: 

<script>
 import data from "@/views/fetch.json"
</script>

Затем вы можете назначить data в mounted(), например, в другую переменную, через которую вы могли бы пройти oop.

Надеюсь, это поможет.

...