借助node.js+express框架简单搭建服务器运行前端打包代码

1. 新建文件夹demo

2. 用编辑器打开文件夹

3.调出终端,初始化项目 npm init,输入项目名称(英文),一直回车即可

4. 安装express

npm install --save express 

 5.在package.json同级目录下新建server.js和static文件夹

 6.编辑server.js

const express = require('express')
const history = require('connect-history-api-fallback') //用于解决前端url路径跳转没有/#/导致请求后端失败,如果前端路由中 mode配置为hash,这个可以省略

const app = express()

app.use(history)
app.use(express.static(__dirname + '/static'))

app.listen(5005, err=>{
    if(!err) console.log('服务器启动成功')
})

 上方代码中处理路由路径的插件需要使用下方代码进行安装

npm install --save connect-history-api-fallback 

7.将打包好的前端代码放到static文件夹下

8. 在终端执行node server,启动服务器

9.在浏览器中访问:localhost:5005

猜你喜欢

转载自blog.csdn.net/weixin_59128282/article/details/125526544