1. 這個案例是前后端分離的

   https://github.com/Yismen/vuejs-2.0-laravel-5.3-api-ready-starter

2. 這是vue腳手架寫的仿微信案例

   guthub 上搜索 vue wechat也可以找到
   https://github.com/useryangtao/vue-wechat

3. node與nginx配置沖突
   node與nginx都可以做為服務(wù)器，而這個vue是依賴于node的，所以你無須再在nginx配置這個項目的域名，因為你無論配什么域名，都是指向這個ip的，另外，vue項目默認(rèn)監(jiān)聽的是8080端口，所以你訪問的時候可以是ip+:8080。

4. 多項目node進程關(guān)閉
   假如你有多個vue項目，在切換的時候需要先關(guān)閉之前的端口監(jiān)聽

//查看端口監(jiān)聽
netstat -tnl
//關(guān)掉node監(jiān)聽進程
sudo pkill node

5.hot-reload失效

vue的腳手架工具默認(rèn)是有熱重載功能的，就是說你修改了文件webpack會自動檢測你的變化，并渲染dom，刷新都不用刷新，run dev花費的時間是很多的，但是我下載了三個vue項目，剛開始修改文件，不能熱重載，頁面并沒有變化，我找了很久，有的說是phpstom的臨時文件問題，我關(guān)了，沒用。后來我直接修改服務(wù)器上的文件，發(fā)現(xiàn)熱重載是有效的，我才意識到可能是我vagrant 管理或者 phpstom的問題。接著我又通過phpstom的Browse Remote Host連接我服務(wù)器的項目，發(fā)現(xiàn)也是可以出發(fā)熱重載的，這個時候我就確定是vagrant管理文件的問題。我就去百度，找到了一篇文章，上面說通過配置webpack的一些設(shè)置和執(zhí)行命令可以解決，我試了一下，但是剛接觸到前端框架，對webpack太陌生了，希望大家?guī)臀铱纯茨懿荒芸炊@個文章在說什么，所以現(xiàn)在的解決方案，可以暫時先用Browse Remote Host連接項目，看到這篇文章有知道如何解決這個問題的請留言評論，萬分感謝！

http://www.tuicool.com/articles/rYNj6fM