Firebase storage downloadURL file structure
<p>So I'm using firebase storage to upload my website files. Here is an example of the directory structure:</p>

<pre><code>Project
├── index.html
├── css
│   └── style.css
└── js
    └── mainScript.js
</code></pre>

<p>So I'm uploading these files to firebase in this structure, but I notice that the downloadURL that's returned is not very friendly in preserving this structure..</p>

<p>For example, when I set the src of an iframe to the downloadURL for the index.html.. the iframe page is missing the style and mainScript files.</p>

<p>This is how the downloadURL looks for index.html:</p>

<p><a href="https://firebasestorage.googleapis.com/v0/b/App_ID.appspot.com/o/index.html?alt=media&amp;token=some_uid" rel="nofollow noreferrer">https://firebasestorage.googleapis.com/v0/b/App_ID.appspot.com/o/index.html?alt=media&amp;token=some_uid</a> </p>

<p>This is how the downloadURL looks for style.css:</p>

<p><a href="https://firebasestorage.googleapis.com/v0/b/App_ID.appspot.com/o/css%2Fstyle.css?alt=media&amp;token=some_uid" rel="nofollow noreferrer">https://firebasestorage.googleapis.com/v0/b/App_ID.appspot.com/o/css%2Fstyle.css?alt=media&amp;token=some_uid</a>
etc..</p>

<p>Of course the index.html file is looking for the style.css file at:</p>

<p><a href="https://firebasestorage.googleapis.com/v0/b/App_ID.appspot.com/o/css/style.css" rel="nofollow noreferrer">https://firebasestorage.googleapis.com/v0/b/App_ID.appspot.com/o/css/style.css</a></p>

<p>but results in 404.</p>

<p>Is there a way around this problem?</p>

<blockquote>
  <p>PS, Of course I don't want to force the user to change the urls in their files...</p>
</blockquote>