小編給大家分享一下vue項(xiàng)目打包后如何通過百度BAE發(fā)布到網(wǎng)上，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元玉泉做網(wǎng)站,已為上家服務(wù),為玉泉各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

具體的步驟：

1，首先講寫好的vue項(xiàng)目打包（具體的打包過程我就不在說了，直接npm run build,就會(huì)在VUE項(xiàng)目文件中重新創(chuàng)建一個(gè)dist文件，這個(gè)就是打包好的項(xiàng)目）

2，在百度的應(yīng)用引擎BAE部署一個(gè)項(xiàng)目，一天才2毛錢很便宜。自己玩很劃算。

詳細(xì)的的步驟在https://cloud.baidu.com/doc/BAE/QuickGuide.html上面都有介紹，我用的GIT版本管理工具。一定要選擇nodejs0.10.21-web這個(gè)類型。因?yàn)槲覀冇玫膃xpress框架。根據(jù)步驟創(chuàng)建好自己的庫以后。先自己熟悉一下他的配置文檔。

3，在自己創(chuàng)建的庫里面將espress安裝上去，具體的步驟自己度娘。（npm install -g express-generator 這個(gè)命令一定要有，要不然可能提示express命令找不到）

接下來就是重頭戲了，雖然很簡(jiǎn)單，但是我研究了半天。

（1）先將git管理的這個(gè)文件里三個(gè)文件，除了app.conf全部刪掉，然后將創(chuàng)建的express項(xiàng)目中的文件復(fù)制出來放到git 管理的那個(gè)庫里面，git管理的庫的文件名基本上是test1\appid245yn4jb32這個(gè)樣子的。test1是我創(chuàng)建的文件夾，appid245yn4jb32這個(gè)文件夾是git遠(yuǎn)程克隆下來的。將express創(chuàng)建的項(xiàng)目中的文件，包括依賴全部復(fù)制到appid245yn4jb32文件夾下面。同時(shí)將bin文件夾里面的www文件加上js后綴。因?yàn)檫@個(gè)BAE只識(shí)別.js的入口文件。同時(shí)將www文件中的端口改為18080.   因?yàn)锽AE的默認(rèn)端口為18080。

（2）將vue項(xiàng)目中打包好的項(xiàng)目（dist文件夾下面的所有文件）復(fù)制到public文件夾下面，將它原來的刪掉。

這樣將所有文件上傳 ，打開網(wǎng)站，應(yīng)該就可以看到vue項(xiàng)目中的東西了。（不過是沒有數(shù)據(jù)的樣子）

以上是“vue項(xiàng)目打包后如何通過百度BAE發(fā)布到網(wǎng)上”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！