Vue前端項(xiàng)目部署IIS的實(shí)現(xiàn)

背景：最近用vue寫(xiě)了個(gè)demo(不涉及調(diào)用后臺(tái)數(shù)據(jù))，為了給銷售團(tuán)隊(duì)更好的給客戶講述產(chǎn)品的一些特點(diǎn)及大體的感官認(rèn)識(shí)。需要將自己做的項(xiàng)目安裝到他們的筆記本上面去，作為一個(gè)銷售人員來(lái)說(shuō)，他不會(huì)知道例如vue中的npm run dev/serve等命令，電腦中也沒(méi)有相應(yīng)的運(yùn)行環(huán)境，這時(shí)候就需要用到windows本身自帶的IIS服務(wù)，將本地開(kāi)發(fā)的項(xiàng)目放到這個(gè)服務(wù)器上面去，這樣就解決了這個(gè)場(chǎng)景的問(wèn)題。

具體的實(shí)施步驟如下(以win10為例)

1、win+r打開(kāi)cmd命令窗口，輸入control打開(kāi)控制面板，選擇程序-->啟用或關(guān)閉windows功能

2、選中ISS服務(wù)，為了不產(chǎn)生一些問(wèn)題，點(diǎn)擊每個(gè)加號(hào)選中下面所有選項(xiàng)

3、然后點(diǎn)擊確定，開(kāi)始安裝所需要的東西，過(guò)程需要一點(diǎn)時(shí)間，請(qǐng)耐心等待，如果出現(xiàn)如下所示的問(wèn)題

需修改注冊(cè)表，HKEY_LOCAL_MACHINE/SOFTWARE/Policies/Microsoft/Windows/WindowsUpdate/AU，其中UseWUServer默認(rèn)值為1，改成0；重啟計(jì)算機(jī)，重復(fù)步驟1-3，即可安裝成功

4、打開(kāi)控制面板，調(diào)整為圖標(biāo)狀態(tài)，打開(kāi)管理工具

5、找到剛添加ISS服務(wù)并進(jìn)行相關(guān)配置

6、右鍵網(wǎng)站-->添加網(wǎng)站，并進(jìn)行相應(yīng)的配置

7、物理路徑為vue項(xiàng)目打好包(npm run build及其他打包的版本)所存放的目錄，主機(jī)名無(wú)需填寫(xiě)，之后點(diǎn)確定即可啟動(dòng)，為防止端口名沖突，可設(shè)置為例如8082等

8、啟動(dòng)后點(diǎn)擊瀏覽即可在瀏覽器中預(yù)覽自己部署的項(xiàng)目了，至此本機(jī)ISS部署vue項(xiàng)目完成

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。