vue項目如何在node啓動

首先將vue項目經過命令npm run build 打包，而後建立start.js，代碼以下:

　　

// const userApi = require('./api');
　　const fs = require('fs');
　　const path = require('path');
　　const bodyParser = require('body-parser');
　　const express = require('express');
　　const app = express();

　　app.use(bodyParser.json());
　　app.use(bodyParser.urlencoded({ extended: false }));
　　// 服務開啓後訪問指定編譯好的dist文件下的數據
　　app.use(express.static(path.resolve(__dirname, '../dist')))
　　app.get('*', function(req, res) {
　　const html = fs.readFileSync(path.resolve(__dirname, '../dist/index.html'), 'utf-8')
　　　　res.send(html)
　　})
　　// 後端api路由
　　// app.use('/api', userApi);
　　// 監聽端口
　　app.listen(8081);
　　console.log('success listen at port:8081......');

 

 

具體目錄以下：

 

使用命令node start.js，項目就能運行起來了，可是還未配置相關數據庫。

固然，vue項目也能夠單獨啓動，輸入npm run dev便可。