Vue項目部署到IIS后刷新報錯404的問題及解決方法
這里需要用到URL重寫工具 --URL Rewrite(默認沒有,需要自己下載安裝)
如果IIS上默認有安裝Web平臺安裝程序,我們可以使用平臺自動安裝URL Rewrite重寫工具,打開IIS在管理器主頁中找到管理項,打開Web平臺安裝程序,如下圖:

搜索url---找到url重寫工具進行添加--安裝(我的這個已安裝)

安裝完成之后就可以在主頁找到url重寫了

對當前項目進行url重寫---添加規(guī)則--空白規(guī)則

進行規(guī)則編輯


完成后.點擊右側(cè) 應用--返回規(guī)則
再次瀏覽可以刷新了
總結(jié):
1.根本原因:vue-router 使用 hash 模式:使用 URL 的 hash 來模擬一個完整的 URL,于是當 URL 改變時,頁面不會重新加載。
2.解決辦法:利用IIS管理器的 URL 重寫功能,當 URL 改變時,自動切換到指定路徑,重新加載。
3.URL重寫功能可以自己下載安裝包進行安裝,也可以通過 Web 平臺安裝程序安裝。
4.在文件夾下添加 web.config 配置文件和上述方法本質(zhì)上是一樣的,因為 URL 重寫功能就是幫助我們構建 web.config 文件的。
5.進行了上述兩種方法之后,頁面刷新依舊 404 ,可以嘗試在 IIS 管理器里點擊網(wǎng)站下的文件夾,右鍵刷新,并重啟服務器,一次不行就試兩次。
本來想自己寫個備忘,發(fā)現(xiàn)有這么多文章直接轉(zhuǎn)載了。
轉(zhuǎn)載至:https://blog.csdn.net/bDreamer/article/details/121290482?spm=1001.2014.3001.5502
https://www.cnblogs.com/zhoushuang0426/p/11350297.html
到此這篇關于Vue項目部署到IIS后,刷新報錯404的文章就介紹到這了,更多相關vue部署后刷新404內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vue中$nexttick,$set,$forceupdate的區(qū)別
本文主要介紹了vue中$nexttick,$set,$forceupdate的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
vue短信驗證性能優(yōu)化如何寫入localstorage中
這篇文章主要介紹了vue短信驗證性能優(yōu)化寫入localstorage中的方法,解決這個問題需要把時間都寫到localstorage里面去,具體解決方法大家參考下本文2018-04-04
vue+element模態(tài)框中新增模態(tài)框和刪除功能
這篇文章主要介紹了vue+element模態(tài)框中新增模態(tài)框和刪除功能,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-06-06

