не могу получить локальный файл JSON в электронном виде

Question

Я пытаюсь получить локальный файл JSON в моем проекте. Пробовал следующее:

import axios from 'axios';
import userDataJson from './../data/userData.json';

export const userDataControllerMixin = {
  data() {
    return {
      users: [],
    };
  },
  mounted() {
    this.getUsers();
  },
  methods: {
    getUsers() {
      // TODO: load userObj.json initial to prevent reset the userData.json all the time
      fetch(userDataJson)
        .then((response) => {
          console.log(response);
        }).catch((err) => {
          console.log(err);
        });
    };

Я также пробовал это раньше с помощью axios, но все они приводят к этой ошибке:

GET http://localhost:9080/[object%20Object] 404 (Not Found)

Что я делаю не так? Похоже, проблема конфигурации.

Answer 1

Вам больше не нужно вызывать метод fetch, поскольку вы импортируете данные json из файла.Что вы можете сделать, так как вы уже импортируете данные json, то, когда компонент смонтирован, просто назначьте данные json массиву пользователей:

data() {
    return {
      users: [],
    };
  },
  mounted() {
    this.users = JSON.parse(userDataJson)
  },
....
}