vue-webpack 做出來的項目部署到服務器上，點開是空白頁（我這里把項目發布到git上）

總結1: 從網上下的很多demo，用npm run dev 就可以啟動項目，比如：vue-cli，為什么？因為vue-cli自動幫我們安裝了express服務器。

總結2: npm run dev 是用來在本地開發的時候做調試用的，vue開發的是前端的東西，不是nodejs 服務端程序，按道理講，生產環境里就不該存在npm，甚至nodejs也不需要（用nodejs來做web靜態服務的除外）。意思就是npm這些東西和服務端的部署沒有一點關系！

1.遲遲不敢動vue-webpack

因為本地使用vue-webpack開發時(使用的vue-cli，人家都配好了)，本地還要運行npm run dev ,我就想着，這要是部署到服務器上，不也得npm run dev？？

看了http://www.cnblogs.com/zhuzhenwei918/p/6866094.html，這篇神作，才明白，不是我以為的就是我以為的！

其實只要把本地npm run build 出來的dist文件夾下的static文件夾和index.html，上傳到服務器就行了。

是的你沒看錯，dist這個文件夾就是npm run build 這個命令出來的，不信你刪了dist文件夾，執行一次 npm run build。

好了，上傳上去了，打開git發布好的地址。https://chenguangliang.github.io/vue-webpack-deploy/ （別用谷歌瀏覽器在git倉庫中找這個地址，不顯示）

什么？空白頁！看到comsole里的錯，肯定是路徑出問題了。

是的，路徑中少了一個vue-webpack-deploy 路徑，

解決辦法：

1.手動改index.html

 

<script type="text/javascript" src="./static/js/app.js"></script>
或者
<script type="text/javascript" src="/hot/static/js/app.js"></script>
推薦這樣的方式，可以保正在vue-router生成的url下也不出現問題

2.在config中的index.js下修改webpack配置：記住是修改 build 里的下面這些參數，不是 dev 里的這些參數

assetsPublicPath: './'
或者
assetsPublicPath: '/hot/',

再打開！好了！

當然，如果你還用到了vue-router

要在router的配置中加上

export default new Router({
  mode: 'history',
  base: '/hot/', //加上這一行

http://www.cnblogs.com/zhuzhenwei918/p/6866094.html