vue和express结合问题
发布于 3 年前 作者 MyNodeJs 29386 次浏览 来自 问答

用express做的话,路由指向多个ejs或者是jade,而vue使用webpack打包的话,要指向一个入口文件吧,那么多个路由对应的多个文件,每一个都是一个入口文件吧?那么就需要打包多次吧?而且express做的项目是jade或者是ejs的模板的,可以作为入口文件吗?如果不行的话怎么指向一个html文件?用webpack打包的话,默认浏览器开一个localhost:8080的地址指向入口文件,那么我们有用express做的服务器,默认是localhsot:3000的,用webpack打包时怎么指向这个地址啊?需要改变指向的地址吗? 具体怎么把vue和一个express或者是koa项目结合起来做,不是很了解,麻烦大神指点下

11 回复

一个前端一个后端,你是怎么扯到一块的

虽然不知道你在胡说八道什么,不过不知道我弄的脚手架是不是你想要的 https://github.com/lanhaoxiang/vue-webpack

@lanhaoxiang 干什么用的?

是啊确实不懂楼主在讲什么😳

牛逼啊,看不懂

1、webpack的入口文件是指你要打包的主文件入口,你有多个入口文件也可以在配置文件中指定多个,可以一次打包生成,不需要打包多次。 2、你所说的路由,是指spa当中的路由,比如vue-router,还是指Express当中的路由? 3、express用的ejs等那是前端模板,方便接收后台传回的数据并呈现到页面上开发用的,而你用了vue,基本不用ejs这些模板了,也就不存在你说的把ejs模板当作webpack的入口文件一说。 4、你所说的webpack指定的是8080端口,那是你在构建时用webpack-dev-server建的一个临时服务器,是一个简化版的express服务器,而你用express又是建的另一个服务器,是两个服务器,都可以访问你项目中的文件。为什么要重新指向? 5、建议先把各种关系理清再说。 SO,要将vue和express结合起来用,你得把express和vue分开来看,vue作前端开发,express作为你的服务器去访问那些生成的文件。

把所有路由入口指向同一个模板,然后通过vue-router判断地址,载入不同的页面,可以参考 https://github.com/baka397/vue-test

7楼正解。 ps:楼主先了解一下路由解析,前后端的区别

@baka397 这个项目数据库用的是什么?

@MyNodeJs 我写的测试调用json文件数据,没走数据库.如果你要走数据库自己分个api路径出来做CURD就好了

我也是和你一样的困惑,不过看了这个,http://southerncross.github.io/2016/02/28/setup-express-vue-boilerplate/,我就懂了!

或者使用vue-cli写前端页面,要和后台联调时,使用npm start build,将vue项目编译成html、js、css形式,直接用express去调用index.html,就 ok 了。 https://github.com/xrr2016/vue-express-mongodb

回到顶部