vue-router規則下 history模式在iis服務器上配置


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(根據情況,設置為自己的單頁面應用首頁)。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM