前端使用node搭建本地环境

使用node.js搭建本地服务，打开前端打包后的代码；

一、node.js 的express框架搭建本地服务

1.初始化项目

npm init

2.安装express

npm install express

在package.json 的dependencies 看到express及其对应的版本号，即为安装成功；

3.新建front文件夹，把前端打包后的文件放在里面；

4.在app.js中把./front作为静态文件指出

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()
// 导入 cors 中间件
const cors = require('cors')
// 将 cors 注册为全局中间件
app.use(cors())
app.use(express.urlencoded({ extended: false }))



app.use("/", express.static("./front"))




// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(3007, function () {
    console.log('api server running at http://127.0.0.1:3007')
})

 5.运行代码&&浏览器打开 http://127.0.0.1:3007

node app.js

附：

使用 node 启动一个服务，需要：

 node app.js

修改了 server.js 文件，需要停止服务（ctrl + c），再次启动才会生效；

有了 nodemon ，就不用频繁手动重启 app.js ，因为 nodemon 可以监视源码改动，并自动重启服务。这样我们只需要专注写代码逻辑，不需要过多关注服务。

安装 nodemon

（1）运行如下命令，即可将 nodemon 安装为全局可用的工具:

npm install -g nodemon

（2）运行如下命令，即可查询 nodemon 是否安装成功:

nodemon -v