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即可。