Vue.js 如何向Vue项目中的本地JSON文件发出axios请求

我的Vue JS项目中有一个JSON文件，嵌套在文件夹结构中

src/assets/json/people.json

我正在尝试向App.vue文件中的json资源发出axios请求

export default {
  name: "App",
  data: function() {
    return {
      people: []
    }
  },
  created: function() {
    this.fetchPeople();
  },
  methods: {
    fetchPeople: function() {
      let url = "./src/assets/json/people.json"
      axios.get(url)
      .then(res => {
       this.people = JSON.parse(res);
      })
    }
  }
};

在我的控制台上，我得到以下错误：

Failed to load resource: the server responded with a status of 404 (Not Found)
Uncaught (in promise) Error: Request failed with status code 404
  at createError (createError.js?2d83:16)
  at settle (settle.js?467f:17)
  at XMLHttpRequest.handleLoad (xhr.js?b50d:59)

你为什么要那样做

import people from "./src/assets/json/people.json"

我可能会做这项工作

Axios是从远程服务器获取数据的HTTP代理。 如果文件是本地文件，只需导入即可。

为什么要这样做

import people from "./src/assets/json/people.json"

我可能会做这项工作

Axios是从远程服务器获取数据的HTTP代理。 如果文件是本地的，只需导入它