vue項目Windows Server服務器部署IIS設置Url重寫


1.將vue項目使用npm run build命令打包后將dist文件夾內的文件全部拷貝到服務器。

2.IIS添加應用程序池,.NET CLR版本選擇無托管代碼

 

 3.添加網站,應用程序池選擇剛剛添加的無托管代碼版本的程序池,路徑選擇vue發布所在的文件夾

 

 4.如果網站首頁正常,點擊到其他頁面直接F5刷新后出現404頁面的情況是因為vue使用了自己的路由方式所有的頁面都是指向index.html,

而IIS默認路由指向的是文件路徑,這是后就需要把所有URL重寫到index.html。

 


URL Rewrite下載地址:https://www.iis.net/downloads/microsoft/url-rewrite

直接下載安裝即可。

URL重寫規則配置:

選中vue所在的網站,雙擊IIS區域中的URL重寫

 

 添加規則->入站規則->空白規則

 

 使用正則表達式,模式為.*

 

條件添加不是文件

 

 

操作重寫到/index.html

 

 

 應用之后刷新下網站就不會出現404頁面了。


免責聲明!

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



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