vue默認模式是hash模式 url地址欄會帶有“#”這個字符。
例如:http://www.xxx.com/#/index
感覺和正常的url相比有點丑。
如何讓此地址如正常的url一樣 官網告訴我用hostory模式。。。
但是當我布置完后 刷新就是404。。。感覺還不如url丑點那。
但是事情的結果大多都會很美好。然后查了一些資料。。。。
因為vue屬於單頁面應用 所以iis識別不了vue路由規則。
問題找到了---方法就好找了。。。。
第一個比較笨的方法是:iis站點設置虛擬目錄也可以。但是如果路由比較多的情況下就尷尬了。
第二個方法相對來說好操作:
先去下載一個web程序安裝平台(https://www.microsoft.com/web/downloads/)
1.打開iis-----網站----選擇要部署的網站-----右側有一個web程序安裝平台
點擊打開web程序安裝平台,搜索url 下載url重寫工具 安裝
安裝完成后 關掉iis 然后重新打開。找到部署的網站然后點擊----右側在iis一欄里會出現一個url重寫的模塊
更多詳細看下圖
點擊打開------然后添加規則
Url重寫設置
匹配的url-------請求的URL選擇與模式匹配
,模式中填寫*
,使用選項選擇通配符
;即表示所有的網站都通過此模式進行檢查匹配。
如圖----------------
條件--------是下面的條件選項,我們選擇不是文件
,邏輯分組為全部匹配。
操作--------重寫到index.html
(根據情況,設置為自己的單頁面應用首頁)。