Vue前端項目部署IIS的實現(xiàn)
背景:最近用vue寫了個demo(不涉及調用后臺數(shù)據(jù)),為了給銷售團隊更好的給客戶講述產(chǎn)品的一些特點及大體的感官認識。需要將自己做的項目安裝到他們的筆記本上面去,作為一個銷售人員來說,他不會知道例如vue中的npm run dev/serve等命令,電腦中也沒有相應的運行環(huán)境,這時候就需要用到windows本身自帶的IIS服務,將本地開發(fā)的項目放到這個服務器上面去,這樣就解決了這個場景的問題。
具體的實施步驟如下(以win10為例)
1、win+r打開cmd命令窗口,輸入control打開控制面板,選擇程序-->啟用或關閉windows功能
2、選中ISS服務,為了不產(chǎn)生一些問題,點擊每個加號選中下面所有選項
3、然后點擊確定,開始安裝所需要的東西,過程需要一點時間,請耐心等待,如果出現(xiàn)如下所示的問題
需修改注冊表,HKEY_LOCAL_MACHINE/SOFTWARE/Policies/Microsoft/Windows/WindowsUpdate/AU,其中UseWUServer默認值為1,改成0;重啟計算機,重復步驟1-3,即可安裝成功
4、打開控制面板,調整為圖標狀態(tài),打開管理工具
5、找到剛添加ISS服務并進行相關配置
6、右鍵網(wǎng)站-->添加網(wǎng)站,并進行相應的配置
7、物理路徑為vue項目打好包(npm run build及其他打包的版本)所存放的目錄,主機名無需填寫,之后點確定即可啟動,為防止端口名沖突,可設置為例如8082等
8、啟動后點擊瀏覽即可在瀏覽器中預覽自己部署的項目了,至此本機ISS部署vue項目完成
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持我們。
上一篇:vue實現(xiàn)數(shù)據(jù)控制視圖的原理解析
欄 目:JavaScript
下一篇:electron+vue實現(xiàn)div contenteditable截圖功能
本文地址:http://mengdiqiu.com.cn/a1/JavaScript/9287.html
您可能感興趣的文章
- 01-10使用webpack/gulp構建TypeScript項目的方法示例
- 01-10在Vue項目中使用Typescript的實現(xiàn)
- 01-10Vue中使用Lodop插件實現(xiàn)打印功能的簡單方法
- 01-10Vue filter 過濾當前時間 實現(xiàn)實時更新效果
- 01-10Vuex實現(xiàn)數(shù)據(jù)共享的方法
- 01-10Vue+Node服務器查詢Mongo數(shù)據(jù)庫及頁面數(shù)據(jù)傳遞操作實例分析
- 01-10vue中根據(jù)時間戳判斷對應的時間(今天 昨天 前天)
- 01-10Vue+Node實現(xiàn)的商城用戶管理功能示例
- 01-10vue實現(xiàn)拖拽效果
- 01-10vue圖片上傳組件使用詳解


閱讀排行
本欄相關
- 04-02javascript點線,點線的代碼
- 04-02javascript潛力,javascript強大嗎
- 04-02javascript替換字符串,js字符串的替換
- 04-02javascript移出,js 移入移出
- 04-02包含javascript舍的詞條
- 04-02javascript并行,深入理解并行編程 豆瓣
- 04-02javascript匿名,js匿名方法
- 04-02javascript警報,JavaScript警告
- 04-02javascript遮蓋,JavaScript遮蓋PC端頁面
- 04-02javascript前身,javascript的前身
隨機閱讀
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 01-10delphi制作wav文件的方法
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10SublimeText編譯C開發(fā)環(huán)境設置
- 01-10C#中split用法實例總結
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 04-02jquery與jsp,用jquery
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-11ajax實現(xiàn)頁面的局部加載