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í)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用關(guān)于speak-tss插件的詳細(xì)介紹及一些配置項(xiàng)
本文詳細(xì)介紹了speak-tss插件在Vue3中的使用方法和配置,首先需要下載依賴,然后引入插件,并進(jìn)行實(shí)例化和配置,配置項(xiàng)包括音量、語(yǔ)言、語(yǔ)音、語(yǔ)速、音調(diào)等,speak-tss支持多種語(yǔ)言和語(yǔ)音,適用于需要文本語(yǔ)音播報(bào)的場(chǎng)景2024-09-09
vue中利用simplemde實(shí)現(xiàn)markdown編輯器（增加圖片上傳功能）
這篇文章主要介紹了vue中利用simplemde實(shí)現(xiàn)markdown編輯器（增加圖片上傳功能）,本文通過(guò)實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
Vue-Router實(shí)現(xiàn)頁(yè)面正在加載特效方法示例
這篇文章主要給大家介紹了利用Vue-Router實(shí)現(xiàn)頁(yè)面正在加載特效方法示例，文中給出了詳細(xì)的示例代碼，相信對(duì)大家具有一定的參考價(jià)值，有需要的朋友們下面來(lái)一起看看吧。2017-02-02
這篇文章主要為大家詳細(xì)介紹了Vue.js數(shù)據(jù)綁定之data屬性，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
雙端Diff在可以解決更多簡(jiǎn)單Diff算法處理不了的場(chǎng)景，且比簡(jiǎn)單Diff算法性能更好。本文主要來(lái)和大家詳細(xì)講講Vue2中的雙端diff算法的實(shí)現(xiàn)與使用，需要的可以參考一下2023-02-02
Vue中實(shí)現(xiàn)回車(chē)鍵切換焦點(diǎn)的方法
這篇文章主要介紹了在Vue中實(shí)現(xiàn)回車(chē)鍵切換焦點(diǎn)的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02
深入了解vue-router原理并實(shí)現(xiàn)一個(gè)小demo
這篇文章主要為大家詳細(xì)介紹了vue-router原理并實(shí)現(xiàn)一個(gè)小demo，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
el-tree懶加載的實(shí)現(xiàn)以及局部刷新方式
這篇文章主要介紹了el-tree懶加載的實(shí)現(xiàn)以及局部刷新方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家詳細(xì)介紹了vue日期時(shí)間工具類，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
Vue路由跳轉(zhuǎn)傳參或者打開(kāi)新頁(yè)面跳轉(zhuǎn)問(wèn)題
這篇文章主要介紹了Vue路由跳轉(zhuǎn)傳參或者打開(kāi)新頁(yè)面跳轉(zhuǎn)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03