前端打包后的项目，有的需要部署在服务器上才能运行，有些实例的API也是需要部署在服务器上。
这是可能会想到 PHP 的 APACH、JAVA 的 TOMCAD 已经现在经常用的 Nginx 等。但这也有点偏后端，对于前端来讲不够专业，今天就来教你 如何创建咱们自己的服务器。
# 第一步 创建一个文件夹
这个文件夹用来放所有文件，暂时取名为 demo 吧
# 第二步 新建一个 serve.js
这个文件是我们服务的入口
# 第三步 创建静态资源文件夹
用来存放静态资源，暂且取名为 Public 吧
# 第四步 开始写服务代码
- 创建 package.json 文件
npm init --yes
- 安装 Express
npm install express --save
- 在服务入口文件 serve.js 写入以下代码
// 引用express
const express = require('express');
// 创建express 实例
const app = express();
// 当路由url匹配为'/'时，执行function，返回Hello World
app.get('/', function (req, res) {
res.send('Hello World');
});
// 配置 静态资源文件
app.use(express.static(__dirname + '/Public'))
// 监听端口号
app.listen(6789,()=>{
console.log('服务已启动')
})
-
把我们已经打包好的代码放在 Public 文件夹里
这时目录接口如下
image.png
image.png
# 第五步 启动服务
node serve.js
服务启动后，在浏览器输入 http://localhost:6789/index.html#/
哇哦，竟然可以访问了
至此 简单的 node web 服务器 就搭建完成了~~~
网友评论