node +express+vue项目打包

1.搭建后端,创建后端文件夹，新建serve.js文件

npm init

npm i express

npm i nodemon

2.配置后端

let express=require('express')
let app=express()
app.get('/',(req,res)=>{
        res.send('哈哈哈')
})
app.listen(8383,()=>{
    console.log('http://localhost:8383')
})

3.启用后端

使用nodemon  ./serve.js,启动项目

4.将前端项目打包

dist文件，放在后端serve.js同级目录下,在serve.js中配置

const path = require('path');

// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'dist')));

 然后打开localhost:8383/页面看是否出现

如果前端的文件路由类型为createWebHistory时，需要在后端安装connect-history-api-fallback，来识别前端路由

// vue-router history模式引入connect-history-api-fallback中间件
const history = require('connect-history-api-fallback')
// 这句代码需要放在express.static上面
app.use(history())