Как обойти CORS при запуске сайта не на сервере?

Question

[photosho]

Делаю простую страницу на чистом html и js, она должна запускаться открытием index.html вручную, а не через локальный сервер. Все ресурсы загружаются нормально, но когда пытаюсь загрузить html из вложенной папки "data" через jQuery.get(), то загружаемые этим запросом ресурсы блокируются CORS. Есть возможность это обойти?

Comments

[Александр]

Нет возможности. В чем проблема использования локального сервера?

[photosho]

Александр, в том, что сайт я передам на другое устройство, на котором он будет открываться через index.html, там сервер не установишь.

[Александр]

photosho, сервер = npm пакет. Всё ещё не вижу проблемы.

[Александр]

Он просто приложение делает на html, а вы ему про сервер. Цель получить как я понял приложение работающее на мобилках, и компах.

Делал такое для смартчасов.

[godsplane]

Александр, а что для установки npm пакетов node.js не нужен?

[Александр]

godsplane, нужен конечно, но вести сегодня разработку без Nod'ы как-то грустно, тот же ESLint/Prettier.

Answer 1

[Александр]

Я тут поэксперементировал и понял что JS файлы не используют CORS

e = document.createElement("script");
e.src = "test.js";
document.body.append(e);//тут он исполняется.

В скрипте можно передать любой кусок текстовых данных - например присвоив значение переменной.

Comments

[photosho]

Чем можно сконвертировать обычный набор html и js в mhtml?

[Александр]

Сохранить в браузере. Ну страница должна через сервер работать, чтобы все ресурсы были доступны.

[photosho]

Александр, на странице нет сразу всех ссылок, поэтому таким образом весь сайт сохраняться не хочет. Есть ли какие-то программы, которые набор файлов могут сконвертировать в mhtml? И содержимое страницы строится на JavaScript. Тот mhtml, который получился через сохранение в браузере, хотя и имеет, например, меню в теле страницы, а открывать его не хочет.

[Александр]

Скорее всего вы неверно подошли к разработке вашего приложения.
Переработайте его в одну страницу - управляйте видимостью элементов либо вставкой их из JS констант, вместо загрузки внешних файлов. К загрузке из папок допускаются только картинки и стили.

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

[photosho]

Александр, проблема в том, что у меня текстовых ресурсов на 150mb - скорее всего, повесит устройство, если всё будет сразу грузиться в память (не говорю о том, как разрабатывать, имея такую массу текста встроенной в тело файла).

[Александр]

Я тут поэксперементировал и понял что JS файлы не используют CORS

e = document.createElement("script");
e.src = "test.js";
document.body.append(e);//тут он исполняется.

В скрипте можно передать любой кусок текстовых данных - например присвоив значение переменной.

[photosho]

Александр, спасибо, вы мне очень помогли. Так, и правда, работает.

Answer 2

[zkrvndm]

Да, это возможно. Для обхода, тебе необходимо все ресурсы внедрить в html используя Data URL:
https://developer.mozilla.org/ru/docs/Web/HTTP/Bas...
https://www.adminbooster.com/tool/data_uri

Comments

[photosho]

Это не так просто, там около 40 000 текстовых файлов.

[zkrvndm]

photosho, запакуй в архив, сам архив конвертируй в Data URL и размести в теле html-страницы.

Когда необходим тот или иной файл из архива, ты легко сможешь его извлечь, используя JSZip:

https://stuk.github.io/jszip/

P. S. Если извлечение будет сильно тормозить, попробуй архивацию без сжатия.