vue项目如何在node启动-优快云博客

本文详细介绍如何将Vue项目通过npm run build命令打包，并利用Express搭建后端服务器，实现前端项目的部署与运行。文章提供了start.js文件的具体代码，包括设置静态文件服务、监听端口等步骤，同时提及了数据库配置的后续需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先将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......');