前言 .... 目标
1 初始化node文件 2 将打包文件通过node发布到本地 3
系列文件 【node】创建本地接口
一 node方式
1 在新建一个空的文件夹node
进入空文件夹在，文件夹的地址栏输入cmd回车，会自动跳转到命令行工具里
2 配置初始化文件
在命令行输入命令npm init，生成package.json文件
npm init
在node文件夹下看到package.json文件，配置文件创建成功
3 安装express
node开发接口，我们需要借助node的插件
Express是一个简洁而灵活的 node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。Express 不对 node.js 已有的特性进行二次抽象，我们只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用，创建强健、友好的API变得快速又简单。
Express 框架核心特性：
- 可以设置中间件来响应 HTTP 请求。
- 定义了路由表用于执行不同的 HTTP 请求动作。
- 可以通过向模板传递参数来动态渲染 HTML 页面。
npm add express
4 配置本地资源并启动服务
将打包文件放入到node项目下
expres配置静态资源
//1. 引入express
const express = require('express');
//2. 创建应用对象
const app = express();
//3. 配置静态资源
app.use(express.static(__dirname + '/dist'))
//3. 监听端口启动服务
app.listen(5500, () => {
console.log("服务已经启动, 5500 端口监听中....");
});
启动服务
ndoe 文件名
运行效果
二 扩展方式
1 使用vscode提供的启动服务 进入打包文件
cd dist
启动服务
serve
运行效果
如何有其他的方法欢迎留言 文章会持续更新...
