Проблемы с получением локальных данных JSON с помощью axios

Question

Я пытаюсь получить данные из локального файла json, используя axios. Под консолью я не могу даже получить ответ, поэтому я решил спросить об этом здесь.

.js файл:

var loadData;

function loadData() {
    axios({
        url: "[filepath]/json/docs.json", 
        responseType: 'json',
        credentials: "include",
        mode: "no-cors",
        headers: {
            "Accept": "application/json; odata=verbose"
        }           
    }).then((response) => {
        console.log(response.data);      
    })
}

В строке .then((response) говорится, что у меня есть синтаксическая ошибка - я думаю, что это относится к синтаксису ответа, но я не уверен. Есть мысли?

Answer 1

Могу ли я знать, зачем вам для этого аксиосы?Вы можете напрямую импортировать JSON и использовать его.Функция даже не нужна на самом деле.Если вы все еще хотите сохранить функцию, вот способ.

import data from '[filepath]/json/docs.json'

function loadData() {
  return data;
}

Answer 2

Просто поместите свой JSON-файл в общую папку и назовите его, используя axios. Предположим, что у вас есть файл json с именем data.json в общей папке вашего проекта.

Тогда назовите это как

    axios.get('data.json')
    .then(res => console.log(res.data))
    .catch(err => console.log(err)

Перед этим обязательно импортируйте axios. лайк , импорт axios из 'axios';

Надеюсь, это поможет.

Answer 3

Использовать выборку

test() {
    fetch('[filepath]/json/docs.json')
      .then(r => r.json())
      .then(json => {
      })
}

Или поместите ваш файл в общую папку

axios.get('docs.json') .then(//...)