json - 无法在electron-vue中获取本地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)
  },
....
}