前言

目标

1 初始化node文件
2 将打包文件通过node发布到本地
3

系列文件
 【node】创建本地接口

一 node方式

1 在新建一个空的文件夹node

进入空文件夹在,文件夹的地址栏输入cmd回车,会自动跳转到命令行工具里
[Node] 启动本地打包文件的方式_express

2 配置初始化文件

在命令行输入命令npm init,生成package.json文件

npm init
[Node] 启动本地打包文件的方式_服务_02

在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项目下
[Node] 启动本地打包文件的方式_服务_03
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 端口监听中....");
});
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.

启动服务

ndoe 文件名

[Node] 启动本地打包文件的方式_express_04
运行效果
[Node] 启动本地打包文件的方式_express_05

二 扩展方式

1 使用vscode提供的启动服务
进入打包文件

cd dist

启动服务

serve

[Node] 启动本地打包文件的方式_express_06
运行效果
[Node] 启动本地打包文件的方式_服务_07

如何有其他的方法欢迎留言
文章会持续更新…