Node创建web服务器

当没有线上服务器又想跑打包好的web项目时,我们就可以用node来创建一个web服务器,废话不多说,开搞

小编这次跑的是 vue开发的web项目

1、首先 创建一个 vue_server 文件,使用 vs Code 打开,再新建终端,输入命令

// 初始化
npm init -y

2、然后下载 express (-S是将模块安装到项目目录下)

// 下载模块
npm i express -S

3、把打包好的dist文件夹粘贴到 vue_server 文件目录下

4、在 vue_server 文件夹下新建一个 app.js 文件

// app.js 文件内容
const express = require('express')
const app = express()
app.use(express.static('./dist'))  // 引入dist文件

app.listen(80,()=>{
    console.log('server running at http://127.0.0.1')
})

5、终端输入 node .\app.js,回车

// 跑项目
node .\app.js

看到终端打印 server running at http://127.0.0.1 就说明已经跑起来了
浏览器输入 http://127.0.0.1 就可以访问我们的项目了

希望能对你有帮助!觉得写得不错的可以点个赞支持一下哦,谢谢!

你可能感兴趣的:(node,前端,服务器,javascript,vue.js,node.js)