为什么`replaceState`删除`/ basehref / index.html`中的`index.html`

Question

I have the /is/ set as base href and the following simple code in the index.html that uses replaceState() :

<base href="/is/">
<script>
    setTimeout(()=>{
        history.replaceState(null, "", "#/some");
    }, 2000);
</script>

The URL before the code is executed looks like this:

http://localhost:8080/index.html

However, once the code is executed the index.html is gone and the URL looks like this:

http://localhost:8080/is/#/some

I expected it to look like this:

http://localhost:8080/is/index.html#/some

Why is index.html gone?

Answer 1

The <base> tag establishes the document base URL. That serves as the reference point for all relative URLs in APIs like the History API. That's kind-of the whole point of <base> .

The "current" URL is called the "fallback base URL" in the W3C specs, and it only comes into play when there's no <base> tag with a specified href value.

So the answer is basically that that's the way things work.