技術

[AWS S3] This XML file does not appear to have any style information associated with it. The document tree is shown below.

投稿日:

はじめまして。田中です。

AWSを触りはじめてから1ヶ月ちょっと。七転び八起きなんとか頑張ってます。
先日こんなエラーにぶつかりました。

エラー内容

This XML file does not appear to have any style information associated with it. The document tree is shown below.

Access Denied Access Denied……(2回怒られてる)
そんなに怒んないでもいいじゃん……。

S3に保存してある画像やpdfを閲覧したいのですが、コイツのせいで見ることができません。
そのくせPCのChromeだけは見れたり、でもスマホじゃ見れなかったり……。

困り果てた田中、先輩方に相談です。

解決方法

濁点が悪さしてるんじゃないか?

URIにサロゲートペア合字(か+ ゛)を持つリソースが参照されている場合、これ以外の大多数のブラウザは単一の文字(が)に正規化してエンコードして解釈するようです。

特定の条件を満たすSafariにはこの処理が行われず、一見同じURIにアクセスしているように見えても、サーバから見ると別のURIへのアクセスになっています。

※引用元はこちら

試しにファイル名を英字にしたところ、Access Deniedが出なくなり、画像が表示されるようになりました! よかったー!

「ダ」=「タ」+濁点
みたいに濁点も一文字としてエンコードされちゃうってことみたい?

わかりやすいように日本語ファイル名にしてましたが、そのおかげでわかりにくいエラーにぶち当たる結果になってしまってました。

AWS八転び九起き目、一生懸命頑張ります。

参考サイト

https://discussionsjapan.apple.com/thread/10183571

https://teratail.com/questions/17715

 

-技術
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

[Angular]リアクティブフォームでのセレクトボックスの扱い方。

Angularはまだ本が少ないので、リアクティブフォームの説明は基本的なところも …

Google PolyをFusion360でお試し

Googleさんが公開した無料の3Dデータライブラリ Poly AR・VRアプリ …

no image

ng-ifのelse句でコンポーネントのプロパティと名前重複

こんにちは、コーテッグのこやまです。 Angularを触っていたら、コンポーネン …

Webページまるごと画面キャプチャできるChromeの拡張機能「Full Page Screen Capture」

こんにちは。たなかです。 先日、チームのメンバーにスマホデザインのスクリーンショ …

Google Web Developers便利なコマンドラインAPIの使い方

こんにちは。佐藤です。 今回はGoogle Web Developersで使える …