Vue項目部署到IIS後刷新報錯404的問題及解決方法

這裡需要用到URL重寫工具 –URL Rewrite(默認沒有,需要自己下載安裝)

如果IIS上默認有安裝Web平臺安裝程序，我們可以使用平臺自動安裝URL Rewrite重寫工具，打開IIS在管理器主頁中找到管理項，打開Web平臺安裝程序，如下圖：　　　　

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

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

對當前項目進行url重寫—添加規則–空白規則

進行規則編輯

完成後.點擊右側應用–返回規則

再次瀏覽可以刷新瞭

總結：

1.根本原因：vue-router 使用 hash 模式：使用 URL 的 hash 來模擬一個完整的 URL，於是當 URL 改變時，頁面不會重新加載。

2.解決辦法：利用IIS管理器的 URL 重寫功能，當 URL 改變時，自動切換到指定路徑，重新加載。

3.URL重寫功能可以自己下載安裝包進行安裝，也可以通過 Web 平臺安裝程序安裝。

4.在文件夾下添加 web.config 配置文件和上述方法本質上是一樣的，因為 URL 重寫功能就是幫助我們構建 web.config 文件的。

5.進行瞭上述兩種方法之後，頁面刷新依舊 404 ，可以嘗試在 IIS 管理器裡點擊網站下的文件夾，右鍵刷新，並重啟服務器，一次不行就試兩次。

本來想自己寫個備忘，發現有這麼多文章直接轉載瞭。

轉載至：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內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！