小編給大家分享一下vue項目打包后如何通過百度BAE發(fā)布到網(wǎng)上,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:國際域名空間、虛擬主機(jī)、營銷軟件、網(wǎng)站建設(shè)、平陸網(wǎng)站維護(hù)、網(wǎng)站推廣。具體的步驟:
1,首先講寫好的vue項目打包(具體的打包過程我就不在說了,直接npm run build,就會在VUE項目文件中重新創(chuàng)建一個dist文件,這個就是打包好的項目)
2,在百度的應(yīng)用引擎BAE部署一個項目,一天才2毛錢很便宜。自己玩很劃算。
詳細(xì)的的步驟在https://cloud.baidu.com/doc/BAE/QuickGuide.html上面都有介紹,我用的GIT版本管理工具。一定要選擇nodejs0.10.21-web這個類型。因為我們用的express框架。根據(jù)步驟創(chuàng)建好自己的庫以后。先自己熟悉一下他的配置文檔。
3,在自己創(chuàng)建的庫里面將espress安裝上去,具體的步驟自己度娘。(npm install -g express-generator 這個命令一定要有,要不然可能提示express命令找不到)
接下來就是重頭戲了,雖然很簡單,但是我研究了半天。
(1)先將git管理的這個文件里三個文件,除了app.conf全部刪掉,然后將創(chuàng)建的express項目中的文件復(fù)制出來放到git 管理的那個庫里面,git管理的庫的文件名基本上是test1\appid245yn4jb32這個樣子的。test1是我創(chuàng)建的文件夾,appid245yn4jb32這個文件夾是git遠(yuǎn)程克隆下來的。將express創(chuàng)建的項目中的文件,包括依賴全部復(fù)制到appid245yn4jb32文件夾下面。同時將bin文件夾里面的www文件加上js后綴。因為這個BAE只識別.js的入口文件。同時將www文件中的端口改為18080. 因為BAE的默認(rèn)端口為18080。
(2)將vue項目中打包好的項目(dist文件夾下面的所有文件)復(fù)制到public文件夾下面,將它原來的刪掉。
這樣將所有文件上傳 ,打開網(wǎng)站,應(yīng)該就可以看到vue項目中的東西了。(不過是沒有數(shù)據(jù)的樣子)
以上是“vue項目打包后如何通過百度BAE發(fā)布到網(wǎng)上”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。