vue專案部署在IIS上面的心得

2022-10-09 00:09:17 字數 728 閱讀 5846

一般在做前後端分離的時候, 前端伺服器用的都是nginx,可是公司專案是需要執行在windows server上面的,所以綜合考慮之下用iis比較好一些,然而這方面的資料不如nginx那麼多,所以就想記錄一下這段時間遇到的坑,以防自己以後再遇到的時候忘記了,這樣我可以翻出來看看。
這裡只說一下url重寫、**設定、以及關閉etag三個點,其餘的都是網上可以輕鬆搜尋到並且能看懂的,就不再贅述。

需要安裝模組urlrewrite, 傳送門:

安裝好了進入到iis**功能檢視頁面,雙擊如圖所示按鈕進行配置

然後點選頁面右上方的新增規則按鈕

選擇空白規則即可,然後具體配置可以參考下圖

然後在頁面右側找到server proxy settings按鈕,點選進入設定

把enable proxy前面打上勾,然後在頁面右側點選應用即可(如果已經打勾了可以跳過此步)

然後就是去urlrewrite模組裡面新增新規則,在配置的時候如下圖所示:

這裡的模式都選擇萬用字元,比如你在前端請求的位址是'/api/----',那萬用字元請求模式就為'*api/*',條件那裡不需要選擇,然後重寫的時候根據自己請求的實際位址來填寫,比如我請求的實際位址是'',那我這裡就填寫''

然後這裡根據自己請求的api位址型別數目來設定規則數目

rule>

outboundrules>

rewrite>

Vue專案部署在IIS

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

Vue 專案部署之iis

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

vue專案部署

1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案,npm run build 之後會生成乙個dist資料夾,即為打包好的檔案,將檔案放在磁碟中,配置nginx監聽80埠,並指定服務名稱server name,最終可用kangqiao.kangqiao.c...