XMLHttpRequest Origin null не разрешен Access-Control-Allow-Origin для файла: /// для файла: /// (без сервера)

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

Все файлы являются локальными, никакие ресурсы не используются онлайн.

Когда я пытаюсь использовать плагин AJAXSLT для jQuery для обработки файла XML с шаблоном XSL (в подкаталогах), я получаю следующие ошибки:

XMLHttpRequest cannot load file:///C:/path/to/XSL%20Website/data/home.xml. Origin null is not allowed by Access-Control-Allow-Origin.

XMLHttpRequest cannot load file:///C:/path/to/XSL%20Website/assets/xsl/main.xsl. Origin null is not allowed by Access-Control-Allow-Origin.

Индексный файл, file:///C:/path/to/XSL%20Website/index.htmlвыполняющий запрос, находится в то время, когда используемые файлы JavaScript хранятся в file:///C:/path/to/XSL%20Website/assets/js/.

Как я могу сделать, чтобы исправить эту проблему?

В тех случаях, когда запуск локального веб-сервера невозможен, вы можете разрешить Chrome доступ к file://файлам через переключатель браузера. После некоторых копаний я нашел это обсуждение , в котором упоминается переключение браузера при открытии поста. Запустите ваш экземпляр Chrome с помощью:

chrome.exe --allow-file-access-from-files

Это может быть приемлемо для сред разработки, но мало что еще. Вы, конечно, не хотите этого все время. Это по-прежнему остается открытым вопросом (по состоянию на январь 2011 года).

Смотрите также: Проблемы с jQuery getJSON при использовании локальных файлов в Chrome.

По сути, единственный способ справиться с этим - запустить веб-сервер на локальном хосте и обслуживать их оттуда.

Браузер небезопасен для разрешения ajax-запроса на доступ к любому файлу на вашем компьютере, поэтому большинство браузеров, по-видимому, рассматривают запросы «file: //» как не имеющие источника для цели « Политика одинакового происхождения »

Запуск веб-сервера может быть таким же простым, как cdвход в каталог, в котором находятся и работают файлы:

python -m SimpleHTTPServer

Вот яблочный скрипт, который запускает Chrome с включенным параметром --allow-file-access-from-files, для разработчиков OSX / Chrome:

set chromePath to POSIX path of "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"    
set switch to " --allow-file-access-from-files"
do shell script (quoted form of chromePath) & switch & " > /dev/null 2>&1 &"

Это решение позволит вам загрузить локальный скрипт с помощью jQuery.getScript (). Это глобальный параметр, но вы также можете установить параметр crossDomain для каждого запроса.

$.ajaxPrefilter( "json script", function( options ) {
  options.crossDomain = true;
});

Как насчет использования javascript FileReader для открытия локального файла, то есть:

<input type="file" name="filename" id="filename">
<script>
$("#filename").change(function (e) {
  if (e.target.files != undefined) {
    var reader = new FileReader();
    reader.onload = function (e) {
        // Get all the contents in the file
        var data = e.target.result; 
        // other stuffss................            
    };
    reader.readAsText(e.target.files.item(0));
  }
});
</script>

Теперь нажмите Choose fileкнопку и перейдите к файлуfile:///C:/path/to/XSL%20Website/data/home.xml

Запуск хром , как так , чтобы обойти это ограничение: open -a "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --args --allow-file-access-from-files.

Получено из комментария Джоша Ли, но мне нужно было указать полный путь к Google Chrome, чтобы избежать открытия Google Chrome из моего раздела Windows (в Parallels).

Способ, который я только что обошел, заключается в том, чтобы вообще не использовать XMLHTTPRequest, а вместо этого включить необходимые данные в отдельный файл javascript. (В моем случае мне понадобился двоичный двоичный объект SQLite для использования с https://github.com/kripken/sql.js/ )

Я создал файл с именем base64_data.js(и использовал его btoa()для преобразования необходимых мне данных и вставки в него, <div>чтобы я мог его скопировать).

var base64_data = "U1FMaXRlIGZvcm1hdCAzAAQA ...<snip lots of data> AhEHwA==";

а затем включил данные в HTML, как обычный JavaScript:

<div id="test"></div>

<script src="base64_data.js"></script>
<script>
    data = atob(base64_data);
    var sqldb = new SQL.Database(data);
    // Database test code from the sql.js project
    var test = sqldb.exec("SELECT * FROM Genre");
    document.getElementById("test").textContent = JSON.stringify(test);
</script>

Я предполагаю, что было бы тривиально изменить это, чтобы читать JSON, возможно даже XML; Я оставлю это как упражнение для читателя;)

Вы можете попробовать положить 'Access-Control-Allow-Origin':'*'в response.writeHead(, {[here]}).

используйте «веб-сервер для приложения Chrome». (На самом деле он у вас есть на компьютере, знаете ли вы или нет. Просто найдите его в Кортане!). откройте его и нажмите «выбрать файл», выберите папку с вашим файлом в нем. на самом деле не выбирайте свой файл. выберите папку с файлами затем нажмите на ссылку (и) под кнопкой «выбрать папку».

если это не приведет вас к файлу, добавьте имя файла в urs. как это:

   https://127.0.0.1:8887/fileName.txt

ссылка на веб-сервер для Chrome: нажмите меня