最近做ie兼容性的我，簡直想一頭撞死在ie上，出了ie11。。其他低版本各種奇葩表現(xiàn)。。。
上問題。。。
angular4默認的base標簽設(shè)置如下

<base href="/">

這個標簽在ie10及以上可以正常跑，但是ie9就不兼容這種了縮略寫法了
必須使用完整url

<base href="http://localhost:4200">

但問題是，php大佬們提出需求，表示要能識別當下url，根據(jù)不同的url請求不同的后臺api
于是就想到

<script>
    var tmp_url = window.location.protocol + '//' + window.location.host;
</script>
<base href={{tmp_url}}>

然而沒有卵用
于是又想到一個方法，在編譯好的文件中，找到index.html，把script的src前面加一個'/'
angular默認生成

<script type="text/javascript" src="inline.c7f0faa7740287b873f9.bundle.js"></script>
<script type="text/javascript" src="polyfills.6633af18a0ac2535befd.bundle.js"></script>
<script type="text/javascript" src="scripts.641666128af08053b8e0.bundle.js"></script>
<script type="text/javascript" src="vendor.70831f1e46b98484056b.bundle.js"></script>
<script type="text/javascript" src="main.bc0a0a4ddbf25c6acb37.bundle.js"></script>

更改后的

<script type="text/javascript" src="/inline.c7f0faa7740287b873f9.bundle.js"></script>
<script type="text/javascript" src="/polyfills.6633af18a0ac2535befd.bundle.js"></script>
<script type="text/javascript" src="/scripts.641666128af08053b8e0.bundle.js"></script>
<script type="text/javascript" src="/vendor.70831f1e46b98484056b.bundle.js"></script>
<script type="text/javascript" src="/main.bc0a0a4ddbf25c6acb37.bundle.js"></script>

這樣雖然可以解決問題，但是極其不優(yōu)雅，很不方便，萬一編譯完忘記改index了，那ie9就爆炸了

所以想問問各位大佬，解決這個問題。。有沒有什么好的辦法

另外還出現(xiàn)了一個問題是

什么鬼啊這是！一臉懵逼，根目錄加載頁面直接重定向成了這個樣子。。。。

求各位大觸指導