slack q and a 2019 06 11
| Time | Icon | Name | Message |
|---|---|---|---|
| 06:17 |  |
田嶋 淳 | こんにちわ。Vivliostyle触りはじめたのですが、Vivliostyle ViewerをChromeで使った際に「Received an empty response for https:~(URL). This may be caused by the server not allowing cross-origin resource sharing (CORS).」というエラーが表示されてしまい、表示できなくなります。OS環境はmacOS10.14、FirefoxやSafariでは問題なく表示できるようです。なにか解決策はありますでしょうか。 |
| 06:56 |  |
shinyu | Vivliostyle ViewerのURLと表示する文書のURLとが別ドメインの場合、通常はブラウザによってブロックされるのでエラーとなります。（別ドメインの文書を読めるようにするには文書側のWebサーバーでCross-Origin Resource Sharing (CORS) を許可する設定が必要です。） しかしこれは、どのメジャーなブラウザでも同じはずなので、ChromeだけエラーになりFirefoxやSafariでは問題なく表示できるというのが謎です。 本当にCORSの制限によるエラーかどうか確認するには、ChromeのDevTools（Option+Command+I で開く）のConsoleに表示されるエラーメッセージをみてください。 CORSの問題なら Access to XMLHttpRequest at ‘…’ from origin ‘…’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. というエラーメッセージが出ているはずです。 |
| 07:27 | |
田嶋 淳 | 見てみました。出ているようですね。なお、テストに使ったページは「https://www.w3.org/TR/jlreq/ja/」です。 https://vivliostyle.slack.com/files/UJPCPH1UL/FKEN6QKLL/____________________________2019-06-11_16.25.40.png |
| 08:04 | |
shinyu |
https://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer.html#b=https://www.w3.org/TR/jlreq/ja/ 試したら、こちらではChromeでもエラーなく開けました。ほかのW3C文書ではどうかと https://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer.html#b=https://www.w3.org/TR/css-writing-modes-4/ を試したら、最初CORSでブロックされたとエラーが出ました。しかし、再読み込みしたら、エラーなく表示されました。（そういうWebサーバーの設定？） リロードして試してみてください。 |
