码迷,mamicode.com
首页 > 其他好文 > 详细

express + vue 项目搭建

时间:2019-03-06 19:25:14      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:oca   npm   run   path   build   res   基于   div   views   

最近建了一个node服务端加vue前端的项目

安装node :npm install node 

安装express :npm install express -g (-g全局安装)

构建express项目 :express project-name

接着正常构建vue脚手架

安装vue-cli:npm install vue-cli -g

构建一个vue项目:vue init webpack project-name

然后进入项目 打包npm run build

再回到express项目

安装 express --ejs  来匹配html解析

进入app.js

// app.set(‘views‘, path.join(__dirname, ‘views‘));
// 改成
app.set(‘views‘, path.join(‘D:\\selfProject\\yayi-admin-web‘, ‘dist‘));
// 地址是你vue打包的项目路径 前面是根路径后面是文件夹

//将静态资源文件指向修改

app.use(express.static(path.join(‘D:\\selfProject\\yayi-admin-web‘, ‘dist‘)));

接着启动express :npm start

网页输入localhost:3000 

你就可以看到你打包的vue项目了!

后续会对引入mySql和node基于express写api将持续更新 谢谢~

express + vue 项目搭建

标签:oca   npm   run   path   build   res   基于   div   views   

原文地址:https://www.cnblogs.com/wangwBlogs/p/10485244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!