Vue前端項(xiàng)目部署IIS的實(shí)現(xiàn)
背景：最近用vue寫(xiě)了個(gè)demo(不涉及調(diào)用后臺(tái)數(shù)據(jù))，為了給銷(xiāo)售團(tuán)隊(duì)更好的給客戶(hù)講述產(chǎn)品的一些特點(diǎn)及大體的感官認(rèn)識(shí)。需要將自己做的項(xiàng)目安裝到他們的筆記本上面去，作為一個(gè)銷(xiāo)售人員來(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)文章
這篇文章主要介紹了淺談Vant-list?上拉加載及下拉刷新的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue中g(shù)etters的使用與四個(gè)map方法的使用方式
這篇文章主要介紹了vue中g(shù)etters的使用與四個(gè)map方法的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
解決在el-dialog中無(wú)法正確獲取DOM的問(wèn)題
這篇文章主要介紹了解決在el-dialog中無(wú)法正確獲取DOM的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue el-form一行里面放置多個(gè)el-form-item的實(shí)現(xiàn)
本文主要介紹了vue el-form一行里面放置多個(gè)el-form-item的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
vue返回上一頁(yè)面時(shí)不刷新問(wèn)題及解決方案
這篇文章主要介紹了vue返回上一頁(yè)面時(shí)不刷新問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
Vue狀態(tài)模式實(shí)現(xiàn)窗口?？抗δ?靈動(dòng)、自由, 管理后臺(tái)Admin界面)
這篇文章主要介紹了Vue狀態(tài)模式實(shí)現(xiàn)窗口?？抗δ?靈動(dòng)、自由, 管理后臺(tái)Admin界面),本文通過(guò)實(shí)例代碼文字說(shuō)明給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-03-03
詳解windows下vue-cli及webpack 構(gòu)建網(wǎng)站(二)導(dǎo)入bootstrap樣式
這篇文章主要介紹了詳解windows下vue-cli及webpack 構(gòu)建網(wǎng)站(二)導(dǎo)入bootstrap樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要為大家剖析了Vue原理，實(shí)現(xiàn)雙向綁定MVVM，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了vuex的使用及持久化state的方式詳解,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
vue讀取本地的excel文件并顯示在網(wǎng)頁(yè)上方法示例
這篇文章主要介紹了vue讀取本地的excel文件并顯示在網(wǎng)頁(yè)上方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05