Vue前端項目部署IIS

背景:最近用vue寫了個demo(不涉及調用後臺數據),爲了給銷售團隊更好的給客戶講述產品的一些特色及大致的感官認識。須要將本身作的項目安裝到他們的筆記本上面去,做爲一個銷售人員來講,他不會知道例如vue中的npm run dev/serve等命令,電腦中也沒有相應的運行環境,這時候就須要用到windows自己自帶的IIS服務,將本地開發的項目放到這個服務器上面去,這樣就解決了這個場景的問題。
具體的實施步驟以下(以win10爲例)
一、win+r打開cmd命令窗口,輸入control打開控制面板,選擇程序-->啓用或關閉windows功能
image.png
二、選中ISS服務,爲了避免產生一些問題,點擊每一個加號選中下面全部選項
image.png
三、而後點擊肯定,開始安裝所須要的東西,過程須要一點時間,請耐心等待,若是出現以下所示的問題
image.png
需修改註冊表,HKEY_LOCAL_MACHINE/SOFTWARE/Policies/Microsoft/Windows/WindowsUpdate/AU,其中UseWUServer默認值爲1,改爲0;重啓計算機,重複步驟1-3,便可安裝成功
image.png
四、打開控制面板,調整爲圖標狀態,打開管理工具
image.png
五、找到剛添加ISS服務並進行相關配置
image.png
六、右鍵網站-->添加網站,並進行相應的配置
image.png
七、物理路徑爲vue項目打好包(npm run build及其餘打包的版本)所存放的目錄,主機名無需填寫,以後點肯定便可啓動,爲防止端口名衝突,可設置爲例如8082等
image.png
八、啓動後點擊瀏覽便可在瀏覽器中預覽本身部署的項目了,至此本機ISS部署vue項目完成
image.pngvue

相關文章
相關標籤/搜索