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頁面了。