借助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

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值