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

由于您正在从文件中导入json数据，因此您不再需要调用fetch方法。您可以做的是，由于您已经在导入json数据，因此在安装组件时，只需将json数据分配给用户数组即可：

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

无法在electron-vue中获取本地json文件

1 个答案: