vue 如何和 nodejs 前后端结合？

能在 Express 中使用 vue 吗？总不能新开一个项目写 vue 单页面应用，然后每次 build 完之后都要将 vue 的文件复制或者 build 到express 中吧？有没有更加简便的结合方法？

前后端完全分离，分别部署，Vue部分通过API接口调用Express的服务就行

你可以看看Vue的服务端渲染，这里是DEMO，代码在这里<br/><br/><a class=“tag” target=“new” href=“https://github.com/BubblyPoker/cnode-vue”>来自 cnode-vue</a>

JZLeung 3楼•10 年前作者

@hapiman 那岂不是要启动2个server？

JZLeung 4楼•10 年前作者

@BubblyPoker 好的，谢谢，我看看。

suyuanhan 5楼•10 年前

@JZLeung 不需要,你甚至可以设置build的路径,不需要拷贝…

klausgao 6楼•10 年前

一个前端框架，一个后端框架，为什么会有疑惑呢？你问的感觉就像jquery怎么和express配合一样奇怪。

hapiman 7楼•10 年前

@JZLeung 前端部署时可以不启动server，直接使用nginx配置访问静态资源，因为 vue或者react使用前端渲染的方式就是一堆的js代码而已；你通过启动前端启动server的方式也可以。

DevinXian 8楼•10 年前

看你是不是需要vue路由和server路由共存了，是的话，要考虑服务器端路由一致性问题；否则，vue就是个普通的js文件，如此而已～

hezhongfeng 9楼•10 年前

@DevinXian 我想楼主的意思是搞一个SPA，有很多.vue组成，最后由webpack打包，而不是像jQuery那样直接引入一个js文件使用我也不懂难道是使用webpack-dev-server运行吗？现在也没搞懂官方的推荐是什么样的

JZLeung 10楼•10 年前作者

@klausgao 额，我的意思是，能不能在express中直接写vue文件，然后可以直接build成普通的html 和 js 文件。

JZLeung 11楼•10 年前作者

@hapiman 就是可以分开两个项目，将vue文件build到express的静态文件中去，然后直接访问vue build后的静态文件对吧？

yinxin630 12楼•10 年前

@JZLeung 不行的. 需要用webpack把.vue打包成.js, 然后在index.html引入.

hapiman 13楼•10 年前

@yinxin630 说的是

BubblyPoker 14楼•10 年前

先用webpack将vue等相关文件打成包，然后index.html直接引用这些包，然后直接express开个server，然后访问index.html，就可以了<br/><br/><a class=“tag” target=“new” href=“https://github.com/BubblyPoker/cnode-vue”>来自 cnode-vue</a>

dlutwuwei 15楼•10 年前

<div><p>数据打在页面上，vue去调用数据</p></div>

qxl1231 16楼•10 年前

你这个问题问的,简直了…我这个开源项目完美解决你的问题

https://github.com/qxl1231/generator-loopback-vue.git

JZLeung 17楼•10 年前作者

@yinxin630 好吧，现在直接弄成使用Nginx访问打包好的静态文件，然后通过API和后台交互。自豪地采用 CNodeJS ionic

jinwyp 18楼•10 年前

webpack dev server 的proxy 功能完美解决 https://webpack.github.io/docs/webpack-dev-server.html { devServer: { proxy: { ’/api’: { target: ‘http://localhost:300’, secure: false } } } }