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