मेरे पास मेरे Vue JS प्रोजेक्ट में एक JSON फ़ाइल है, जो फ़ोल्डर संरचना में नेस्टेड है

src/assets/json/people.json

मैं अपने App.vue फ़ाइल में json संसाधन के लिए एक अक्षीय अनुरोध करने की कोशिश कर रहा हूँ

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)
0
Jun Dolor 23 पद 2019, 16:24

1 उत्तर

सबसे बढ़िया उत्तर

आप ऐसा क्यों करेंगे?

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

शायद काम करेंगे।

Axios एक HTTP एजेंट है जो दूरस्थ सर्वर से डेटा प्राप्त करता है। अगर फ़ाइल स्थानीय है, तो बस इसे आयात करें।

2
Naor Levi 23 पद 2019, 13:32