express + vue 項目搭建

最近建了一個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將持續更新 謝謝~