ローカルでのクロスドメイン制約回避方法

Question

###前提・実現したいこと

こんにちは。私は現在Macを使っております。
今回私たちが運用しているサーバーに配置しているWebアプリをGoogle Chromeにて「名前をつけて保存」または「ページを別名で保存」し、ローカルのデスクトップにて保存したhtmファイルを起動して動かしてみるも、ローカルファイルが上手く開けないというバグが生じております。

Chromeのクロスドメイン制約にひっかかっているという原因はわかったのですが、その解決方法を見出せずに困っています。申し訳ありませんがご教授お願いします。

また進捗があれば追記します。

###発生している問題・エラーメッセージ

XMLHttpRequest cannot load file:///.../〇〇.csv. Cross origin requests are only supported for HTTP.
NETWORK_ERR: XMLHttpRequest Exception 101: A network error occurred in synchronous requests.

###該当のソースコード

var data = new XMLHttpRequest();	
data.open("GET", filePath, false);
data.send(null);

###試したこと
①.htaccessという設定ファイルにてクロスドメイン制約を回避するコードを書いてサーバ側に設置しました。
②これまた.htaccessをページを別名で保存後のファイルに入れてみました。

以上を試しましたが状況は変わりませんでした。
また、PHPやNode.jsといったバックエンドの方法も考慮しましたが、普段からほとんど触っていないのでこれといった解決方法を見出せませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
WebアプリはHTML/CSS+JavaScriptで作成しています。

Answer 1

このあたりは試されましたか？

【[その他] ChromeにてAjaxでローカルファイルにアクセス - Qiita】
http://qiita.com/cigalecigales/items/33afaa42f91542ffa62e

Comments

[shingo213]

回答ありがとうございます。試しましたが上手くいきませんでした。
どっちにしろこのWebアプリは我々ではなくお客様のようなものでして、あまり手間をかけさせたくないという意図からこの方法は除外していました。
できればユーザの手間を0にして、かつ問題を解決したいと考えています。
この件については記載し忘れていました。申し訳ございません。

[kei344]

記事中にある
「エラーが起きないFirefoxを使ってローカルで確認していた。」
も対象外ですか？

> あまり手間をかけさせたくない
バッチファイルでも作って実行させると言う手段もあるとは思います。（黒い画面が出たらだめですかね）

あとは Chrome でとなるとオープンソースの Chromium を使って問題の無いビルドを作るくらいしか解決方法を思いつきません。

【Chromium - The Chromium Projects】
https://www.chromium.org/Home