經過兩天的研究終于將VUE打包后的項目通過BAE發布到了網上。雖然接口方面還有一下問題但是自己還是很高興的。

首先說一下這個項目需要用到的技術，vue+express+git+百度的應用引擎BAE。

繼續編輯終于將自己寫的JSON文件模擬的數據也傳上去了。

具體的步驟：

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

2，在百度的應用引擎BAE部署一個項目，一天才2毛錢很便宜。自己玩很劃算。

詳細的的步驟在https://cloud.baidu.com/doc/BAE/QuickGuide.html上面都有介紹，我用的GIT版本管理工具。一定要選擇nodejs0.10.21-web這個類型。因為我們用的express框架。根據步驟創建好自己的庫以后。先自己熟悉一下他的配置文檔。

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

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

（1）先將git管理的這個文件里三個文件，除了app.conf全部刪掉，然后將創建的express項目中的文件復制出來放到git 管理的那個庫里面，git管理的庫的文件名基本上是test1/appid245yn4jb32這個樣子的。test1是我創建的文件夾，appid245yn4jb32這個文件夾是git遠程克隆下來的。將express創建的項目中的文件，包括依賴全部復制到appid245yn4jb32文件夾下面。同時將bin文件夾里面的www文件加上js后綴。因為這個BAE只識別.js的入口文件。同時將www文件中的端口改為18080.   因為BAE的默認端口為18080。

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

這樣將所有文件上傳 ，打開網站，應該就可以看到vue項目中的東西了。（不過是沒有數據的樣子）

總結

以上所述是小編給大家介紹的詳解vue項目打包后通過百度的BAE發布到網上的流程，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！