Как подключить json файл в vue.js правильно?

Question

[Socrates]

Есть 2 файла: index.html, example.json пытаюсь в data передать данные json файла.
И вылетает ошибка с подключением файла: Failed to load file:///C:/Users/Lenovo/Desktop/vueson/axample.json: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

Код прикреплю в виде скриншота

Comments

[Евгений Вольф]

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

По моему, это ответ на Ваш вопрос - запускайте код на тестирование на "настоящем" HTTP/HTTPS сервере, т.к. протокол "file:///" не поддерживается.

[nastya_zholudeva]

Может так?

$.getJSON( dataURL, function (data) {
                        ///
                    }.bind(this));

[Алексей Жигалов]

Возможно у вас опечатка в имени файла. Вы имеете файл Example.json, а обращаетесь к Axample.json

Answer 1

[Maxim Markin]

Так как вы используете подход single view component, то советую вам оформить ваш JSON файл как JSONP, и подключить через script :)
Если бы вы использовали, допустим, webpack, то можно было бы в теле вашего app.js написать
const userData = require(‘axample.json’)

Answer 2

[Игорь Щербин]

AJAX локально с файлами работать не будет, надо поднять локальный web сервер.

Answer 3

[Олег Дмитриев]

а почему файл написан как exemple - в коде axemple