vue-router下的html5 history在iis服務器上的設置

首先先照搬下官網的介紹

當你使用 history 模式時，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！

不過這種模式要玩好，還須要後臺配置支持。由於咱們的應用是個單頁客戶端應用，若是後臺沒有正確的配置，當用戶在瀏覽器直接訪問 http://oursite.com/user/id 就會返回 404，這就很差看了。

因此呢，你要在服務端增長一個覆蓋全部狀況的候選資源：若是 URL 匹配不到任何靜態資源，則應該返回同一個index.html 頁面，這個頁面就是你 app 依賴的頁面。

可是官網上僅給了Apache服務器和Nginx服務器的配置，so。。。。。

那麼下面咱們開始介紹如何配置iis服務器。（個人iis爲iis7.5）

1.安裝url重寫模塊，找到管理下的web平臺安裝程序，搜索url，選擇url重寫工具2.0，選擇安裝。

 

2.添加規則。點擊url重寫，選擇添加規則，空白規則，輸入名稱，按照下圖進行配置。

3.vue程序中添加兩條路由。

下面總結下：

url重寫設置中，將配置url選擇爲與模式匹配，模式中填入*，使用選項選擇通配符；即表示全部的網站都經過此模式進行檢查匹配。匹配的條件是下面的條件選項，咱們選擇的是否是文件，邏輯分組爲所有匹配。

操做爲重寫到咱們的index.html（根據狀況，設置爲本身的單頁面應用首頁）。以上操做是設置咱們的頁面請求爲先檢查有沒有此文件，沒有此文件所有重寫到咱們的首頁中，從而可以是的咱們的自定義路由起做用。

而後咱們在vue程序中設置/index.html路徑爲咱們的起始頁面，而且定義404頁面。至此完成設置。