express + vue 项目搭建

Posted 2021-02-12 wangwblogs

最近建了一个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将持续更新 谢谢~