vue項目如何在node啟動

我的個人網站：https://m.theeye.tech/

 前端交流群：1056993061

首先將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即可。