VUE專案部署到IIS的疑難雜症

2022-10-10 21:30:17 字數 1653 閱讀 7779

由於各種考量,未採取nginx做**時,只使用iis平台本身的功能解決以下問題

我的專案中,由於一些原因,界面前都有"/api"。例如請求a控制器a方法時,請求位址為:"/api/a控制器/a方法",本地開發時,我會在vue.config.js中新增以下配置解決跨域問題。

module.exports = }}

}}

在iis中解決的方式其實原理相同。

按以下順序開啟功能後,並應用。

在部署的站點下進入url重寫模組

點選新增規則—空白規則

在匹配url中新增:

請求的url:"與模式匹配"

使用:"萬用字元"

模式 :"*/api/*"

之後點選「測試模式」,模擬呼叫"/api/a控制器/a方法",可以看到抓取到的各種佔位符。其中是我們需要的。

繼續配置,"條件"和"伺服器變數"不用更改。

」操作「配置 為:

最後在右側應用修改即可。

通過以上配置,我們成功將vue專案部署到iis站點,但是部署到站點下的應用還是無法使用。

例如站點下的應用名稱為demo,我們要在vue專案中做以下配置

新增以下語句

publicpath: process.env.node_env === "production" ? "/demo/" : "/",
不管是hash模式還是webhistory模式,在create時新增

process.env.node_env === "production" ? "/demo/" : "/"
例如:

const router = createrouter();
配置之後部署在站點下的demo應用就可以正常使用了,而且不影響本地開發。

Vue專案部署在IIS

發布vue專案,生成dist資料夾 開啟iis伺服器後選中 後右擊選 新增 物理路徑指向發布生成的dist資料夾 到此專案就部署好了,點選右側瀏覽即可開啟 你以為部署完成就可以了,遇到的問題才剛開始 沒錯,開發環境下沒問題的專案,在通過以上發布部署後報錯了,先歸納了下出現的錯誤 1 提示vue is...

Vue 專案部署之iis

檢視電腦是否安裝iis 未安裝則開啟 控制面板 程式 啟用或關閉windows功能 根據需求選擇安裝,如下圖 右擊 開啟新增 介面,設定 名稱,物理路徑選擇你build之後的dist 目錄,這個檔案你可以隨意放到電腦的任意位置,建立好的 不一定可以訪問,有的需要設值 url rewrite 安裝之後...

WebStorm 將專案部署到 IIS

在webstorm中開啟專案,通常會啟動乙個虛擬伺服器,並使用63342埠,位址為 http localhost 63342 test 05 configure pop ups.html 這樣會造成區域網內的其他裝置不能訪問這個位址,給開發和除錯帶來了不便。把專案 直接發布到伺服器上,直接通過伺服器...