Vue 專案部署之iis

2022-06-27 02:39:15 字數 1073 閱讀 9451

檢視電腦是否安裝iis ,未安裝則開啟」控制面板「 ——>」程式「——>"啟用或關閉windows功能",根據需求選擇安裝,如下圖

右擊**,開啟新增**介面,設定**名稱,物理路徑選擇你build之後的dist 目錄,這個檔案你可以隨意放到電腦的任意位置,

建立好的**,不一定可以訪問,有的需要設值 url-rewrite

安裝之後,iis出現以下模組 」url重寫",右擊,點選開啟該功能

點選右側操作下的「新增規則」

其中名稱隨意起,匹配url 不動,模式填寫 「 .* 」 注意有個點

條件 開啟點選新增 檢查輸入字串是否:選擇不是檔案,點選確定。

操作選項中 重寫url 處 填寫 「/index.html"

點選右側應用

開啟瀏覽器 ,訪問 部署的ip位址 和埠,即可訪問自己部署的vue專案

Vue專案部署在IIS

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

vue專案部署

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

vue專案部署

放到純英文目錄下 啟動nginx 雙擊nginx.exe或者cmd視窗切換到nginx檔案下 輸入命令 nginx.exe 或者 start nginx 如果失敗報錯0.0.0.0 80 failed 檢視博文 複製出乙份nginx.conf 重新命名為 x.conf 修改 此處dist直接放在ng...