Локальный javascript не может открыть локальный файл

Question

Скажите, пожалуйста, почему локальный javascript не может открыть локальный файл? Я пытаюсь создать простое приложение javascript/html, которое должно запускаться на локальном компьютере из локальной файловой системы. Это приложение пытается прочитать файл конфигурации (JSON), используя различные методы, но получает следующие ошибки (Chrome):

1. В случае XMLHttpRequest, метод open("GET", filename, true) бросает исключение:

   XMLHttpRequest невозможно загрузить файл: /// bla-bla-bla. Запросы на кросс-начало поддерживаются только для схем протокола: http, data, chrome, chrome-extension, https, chrome-extension-resource.

2. В случае document.createElement("iframe").src=filename у меня есть еще одно исключение:

   VM596: 1 Uncaught DOMException: Не удалось прочитать свойство 'contentDocument' от 'HTMLIFrameElement': Blocked кадр с происхождения "нулевой" из доступ к кросс-происхождения кадра.»

3. в случае var f=new File([], filename, { type: "text/plain" }); у меня есть объект файла с нулевым размером и без ошибок на всех. FileReader возвращает пустой результат тогда.

Итак, мои вопросы: Почему это «кросс-происхождение»? Эти файлы хранятся в одном каталоге! И как я могу открыть локальный файл из той же директории origin /, с которой я запускаю скрипт? Пожалуйста, помогите.

P.S .: Да, я знаю о --allow-file-access-from-files, но мне нужно запустить это клиентами.

Answer 1

Что вы можете сделать, чтобы прочитать ваши.json file, должен объявить его .js.

data.js

var data = `{"value1": 10, "value2": "hello"}` 

index.html

<script src="data.js"></script> 

<script> 
    console.log(JSON.parse(data)) 
</script> 

Это напечатает

Object {value1: 10, value2: "hello"} 

Оба из них должны находиться в том же каталоге, в противном случае вы должны изменить i mport данных.js.

Answer 2

Почему это «кросс-происхождение»? Эти файлы хранятся в одном каталоге!

Поскольку хром считает всеfile:// URL-адреса для кросс-координат друг к другу.

И как я могу открыть локальный файл из того же источника/каталога, в котором я запускаю скрипт?

От Chrome? Вы этого не сделаете. Если вы не отключите CORS полностью с опцией командной строки (это плохая идея, так как трижды легко забыть, что вы установили эту опцию командной строки и перешли на веб-сайт, оставив вас в открытом доступе, чтобы использовать наличные деньги на факт, что вы отключили безопасность в Интернете).

Другие браузеры могут обрабатывать происхождение null по-разному.

Вместо этого запустите локальный веб-сервер и сделайте файлы доступными через локальный веб-сервер. Затем вы можете получить к ним доступ, потому что это будет URL-адрес http того же происхождения, а не URL-адрес file. Или используйте любую из дюжины фреймворков, которые позволяют писать приложения в JavaScript (а не использовать браузер). Или простой скрипт NodeJS, обслуживающий файлы (длина около 10 строк). И т.д.