背景簡介
vue使用vue-router時，默認的地址並不美觀，以#進行分割，例如：http://www.xxx.com/#/main。
為了訪問地址能像正常的url一樣，例如：http://www.xxx.com/user/id。
按照官網介紹，使用 history 模式。但是卻產生了問題。
問題
因為我們的應用是單頁客戶端應用，當用戶在瀏覽器直接訪問
http://www.xxx.com/user/id時，刷新頁面的時候，會返回404錯誤。
問題原因
服務端URL匹配不到相應的路由資源
解決方案
官網提供的解決方案只支持Apache服務器以及Nginx服務器配置，然而IIS的解決方案並沒有給出
- 方案一
可通過給IIS站點設置虛擬目錄的方式可解決該問題，但是這方式路由比較多的時候比較麻煩。
- 方案二
1、下載Web平台安裝程序（https://www.microsoft.com/web/downloads/）
2、如果已經安裝過Web平台安裝程序，可以在IIS站點看到該程序
3、查找Url重寫工具2.0並進行安裝
4、安裝完畢后，重新打開IIS控制台，進入相應站點，就可以看到URL重寫該功能模塊
5、添加規則，並選擇入站規則-空白規則
總結
Url重寫設置
匹配的URL：請求的URL選擇與模式匹配，模式中填寫*，使用選項選擇通配符;即表示所有的網站都通過此模式進行檢查匹配。
條件：是下面的條件選項，我們選擇不是文件，邏輯分組為全部匹配。
操作：重寫到index.html（根據情況，設置為自己的單頁面應用首頁）。
以上操作是設置我們的頁面請求為先檢查有沒有該文件，沒有該文件全部重寫到首頁，從而能夠使用自定義路由。然后在vue程序中設置/index.html路徑為起始頁，並且定義404頁面。