Vue項目部署到IIS后刷新報錯404的問題及解決方法
這里需要用到URL重寫工具 --URL Rewrite(默認沒有,需要自己下載安裝)
如果IIS上默認有安裝Web平臺安裝程序，我們可以使用平臺自動安裝URL Rewrite重寫工具，打開IIS在管理器主頁中找到管理項，打開Web平臺安裝程序，如下圖：
搜索url---找到url重寫工具進行添加--安裝(我的這個已安裝)
安裝完成之后就可以在主頁找到url重寫了
對當(dāng)前項目進行url重寫---添加規(guī)則--空白規(guī)則
進行規(guī)則編輯
完成后.點擊右側(cè) 應(yīng)用--返回規(guī)則
再次瀏覽可以刷新了
總結(jié)：
1.根本原因：vue-router 使用 hash 模式：使用 URL 的 hash 來模擬一個完整的 URL，于是當(dāng) URL 改變時，頁面不會重新加載。
2.解決辦法：利用IIS管理器的 URL 重寫功能，當(dāng) URL 改變時，自動切換到指定路徑，重新加載。
3.URL重寫功能可以自己下載安裝包進行安裝，也可以通過 Web 平臺安裝程序安裝。
4.在文件夾下添加 web.config 配置文件和上述方法本質(zhì)上是一樣的，因為 URL 重寫功能就是幫助我們構(gòu)建 web.config 文件的。
5.進行了上述兩種方法之后，頁面刷新依舊 404 ，可以嘗試在 IIS 管理器里點擊網(wǎng)站下的文件夾，右鍵刷新，并重啟服務(wù)器，一次不行就試兩次。
本來想自己寫個備忘，發(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
到此這篇關(guān)于Vue項目部署到IIS后，刷新報錯404的文章就介紹到這了,更多相關(guān)vue部署后刷新404內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了vue點擊按鈕實現(xiàn)簡單頁面的切換，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
Vue基于iview table展示圖片實現(xiàn)點擊放大
這篇文章主要介紹了Vue基于iview table展示圖片實現(xiàn)點擊放大,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
基于vue+openlayer實現(xiàn)地圖聚合和撒點效果
Openlayers 是一個模塊化、高性能并且功能豐富的WebGIS客戶端的JavaScript包，用于顯示地圖及空間數(shù)據(jù)，并與之進行交互，具有靈活的擴展機制，本文給大家介紹vue+openlayer實現(xiàn)地圖聚合效果和撒點效果，感興趣的朋友一起看看吧2021-09-09
基于ElementUI中Table嵌套實現(xiàn)多選的示例代碼
這篇文章主要介紹了基于ElementUI中Table嵌套實現(xiàn)多選的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要為大家介紹了結(jié)合康熙選秀講解vue虛擬列表的原理使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
如何封裝自己的Vue組件,如何把自己的Vue代碼封裝成公共組件，今天為大家簡單介紹一下如何封裝自己的Vue組件2018-10-10
使用JSONP主要是目的通過動態(tài)創(chuàng)建Script，動態(tài)拼接url，進而抓取數(shù)據(jù)，實現(xiàn)跨域。這篇文章主要介紹了VUE2.0中Jsonp的使用方法（前端）,需要的朋友可以參考下2018-05-05
ElementUI日期選擇器時間選擇范圍限制的實現(xiàn)
在日常開發(fā)中，我們會遇到一些情況，限制日期的范圍的選擇，本文就詳細的介紹了ElementUI日期選擇器時間選擇范圍限制的實現(xiàn)，文中通過示例代碼介紹的非常詳細，感興趣的可以了解一下2022-04-04
這篇文章主要介紹了Vue3子組件向父組件傳遞消息,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
因為項目需要，近期做了一個公眾號網(wǎng)頁開發(fā)。在此期間也踩了一些坑，解決這些坑之后，準備對這個項目進行復(fù)盤。記錄下項目從開發(fā)到上線所解決的問題，并對使用vue進行公眾號開發(fā)的步驟進行一個總結(jié)。方便以后有問題進行查閱。希望對你有所幫助2021-05-05