-
这个案例是前后端分离的
https://github.com/Yismen/vuejs-2.0-laravel-5.3-api-ready-starter
-
这是vue脚手架写的仿微信案例
guthub 上搜索 vue wechat也可以找到
https://github.com/useryangtao/vue-wechat node与nginx配置冲突
node与nginx都可以做为服务器，而这个vue是依赖于node的，所以你无须再在nginx配置这个项目的域名，因为你无论配什么域名，都是指向这个ip的，另外，vue项目默认监听的是8080端口，所以你访问的时候可以是ip+:8080。多项目node进程关闭
假如你有多个vue项目，在切换的时候需要先关闭之前的端口监听
//查看端口监听
netstat -tnl
//关掉node监听进程
sudo pkill node
5.hot-reload失效
vue的脚手架工具默认是有热重载功能的，就是说你修改了文件webpack会自动检测你的变化，并渲染dom，刷新都不用刷新，run dev花费的时间是很多的，但是我下载了三个vue项目，刚开始修改文件，不能热重载，页面并没有变化，我找了很久，有的说是phpstom的临时文件问题，我关了，没用。后来我直接修改服务器上的文件，发现热重载是有效的，我才意识到可能是我vagrant 管理或者 phpstom的问题。接着我又通过phpstom的Browse Remote Host连接我服务器的项目，发现也是可以出发热重载的，这个时候我就确定是vagrant管理文件的问题。我就去百度，找到了一篇文章，上面说通过配置webpack的一些设置和执行命令可以解决，我试了一下，但是刚接触到前端框架，对webpack太陌生了，希望大家帮我看看能不能看懂这个文章在说什么，所以现在的解决方案，可以暂时先用Browse Remote Host连接项目，看到这篇文章有知道如何解决这个问题的请留言评论，万分感谢！
