Vue前端項目部署IIS的實現(xiàn)
背景:最近用vue寫了個demo(不涉及調(diào)用后臺數(shù)據(jù)),為了給銷售團隊更好的給客戶講述產(chǎn)品的一些特點及大體的感官認(rèn)識。需要將自己做的項目安裝到他們的筆記本上面去,作為一個銷售人員來說,他不會知道例如vue中的npm run dev/serve等命令,電腦中也沒有相應(yīng)的運行環(huán)境,這時候就需要用到windows本身自帶的IIS服務(wù),將本地開發(fā)的項目放到這個服務(wù)器上面去,這樣就解決了這個場景的問題。
具體的實施步驟如下(以win10為例)
1、win+r打開cmd命令窗口,輸入control打開控制面板,選擇程序-->啟用或關(guān)閉windows功能
2、選中ISS服務(wù),為了不產(chǎn)生一些問題,點擊每個加號選中下面所有選項
3、然后點擊確定,開始安裝所需要的東西,過程需要一點時間,請耐心等待,如果出現(xiàn)如下所示的問題
需修改注冊表,HKEY_LOCAL_MACHINE/SOFTWARE/Policies/Microsoft/Windows/WindowsUpdate/AU,其中UseWUServer默認(rèn)值為1,改成0;重啟計算機,重復(fù)步驟1-3,即可安裝成功
4、打開控制面板,調(diào)整為圖標(biāo)狀態(tài),打開管理工具
5、找到剛添加ISS服務(wù)并進行相關(guān)配置
6、右鍵網(wǎng)站-->添加網(wǎng)站,并進行相應(yīng)的配置
7、物理路徑為vue項目打好包(npm run build及其他打包的版本)所存放的目錄,主機名無需填寫,之后點確定即可啟動,為防止端口名沖突,可設(shè)置為例如8082等
8、啟動后點擊瀏覽即可在瀏覽器中預(yù)覽自己部署的項目了,至此本機ISS部署vue項目完成
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue使用關(guān)于speak-tss插件的詳細(xì)介紹及一些配置項
本文詳細(xì)介紹了speak-tss插件在Vue3中的使用方法和配置,首先需要下載依賴,然后引入插件,并進行實例化和配置,配置項包括音量、語言、語音、語速、音調(diào)等,speak-tss支持多種語言和語音,適用于需要文本語音播報的場景2024-09-09vue中利用simplemde實現(xiàn)markdown編輯器(增加圖片上傳功能)
這篇文章主要介紹了vue中利用simplemde實現(xiàn)markdown編輯器(增加圖片上傳功能),本文通過實例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04Vue-Router實現(xiàn)頁面正在加載特效方法示例
這篇文章主要給大家介紹了利用Vue-Router實現(xiàn)頁面正在加載特效方法示例,文中給出了詳細(xì)的示例代碼,相信對大家具有一定的參考價值,有需要的朋友們下面來一起看看吧。2017-02-02深入了解vue-router原理并實現(xiàn)一個小demo
這篇文章主要為大家詳細(xì)介紹了vue-router原理并實現(xiàn)一個小demo,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-03-03Vue路由跳轉(zhuǎn)傳參或者打開新頁面跳轉(zhuǎn)問題
這篇文章主要介紹了Vue路由跳轉(zhuǎn)傳參或者打開新頁面跳轉(zhuǎn)問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03