vue部署到iis

下載安裝兩個IIS模組

URL Rewrite

https://www.iis.net/downloads/microsoft/url-rewrite

Application Request Routing

https://www.iis.net/downloads/microsoft/application-request-routing

安裝完成

配置

新增網站

物理路徑是打包後的檔案位置，即dist資料夾：

配置網站下的URL 重寫

注 : 為什麼要URL Rewrite ?
1, 因為VUE頁面驅動是靠專案內的路由跳轉,要保證每次頁面都在根目錄**/**;
2, 若是此處不新增規則,訪問網站首頁可以,但你重新整理後或跳轉頁面就會出現 404 錯誤.

^((?!(prod-api)).)*$

配置主頁下的Application Request Routing

注 : 為什麼要配置 Application Request Routing 要跨域訪問介面,這相當於vite.config.js裡的跨域代理配置

配置主頁下的URL 重寫

注 :
1, 重寫URL : 就是指向的後臺介面路徑.
2, {R:2 }: 是從透過 模式 >> 測試模式 裡面的來的

測試