使用node+express框架快速搭建本地运行的静态服务器

最新推荐文章于 2024-05-21 20:32:47 发布
最新推荐文章于 2024-05-21 20:32:47 发布
阅读量867 收藏
点赞数
分类专栏： 问题记 Vue 文章标签： Vue Node Express Vue项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyf521995/article/details/103134903
版权
本文介绍了如何利用node+express框架快速搭建本地运行的静态服务器，详细步骤包括：构建Vue项目的静态文件，使用npm初始化并安装express，创建并编辑app.js，通过node运行app.js启动服务器，以及创建start.bat批处理文件方便后续运行。此外，还提到使用全局安装服务器命令的简便方法。
摘要由CSDN通过智能技术生成

使用node+express框架快速搭建本地运行的静态服务器

1 将Vue项目使用npm run build命令构建静态文件,将导出的dist文件夹单独提取,放入Demo文件夹

2 进入Demo文件夹,使用shift加右键进入PowerShell命令窗口,准备搭建node环境

3 在命令窗输入yarn -y init,初始化文件夹,生成package.json文件,然后yarn add express,安装express框架

4 安装完成后,在Demo文件夹下新建app.js,编辑app.js

var express = require('express') // 引入express
var app = express() // 创建express实例化对象

a
最低0.47元/天 解锁文章
太极梦龙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node -- 使用express框架搭建一个简易本机服务器（纯手打）
mineblogjw的博客
08-22 734
直接开撸，创建项目文件夹，在cmd中进入项目路径或者直接在webstorm下点开Terminal，输入命令 npm install nrm -g -g:全局安装  国内包映射库，下载nrm的模块到项目中 nrm：切换镜像地址的模块包 nrm-h：帮助 nrm ls：可以查看所有可以切换的地址 nrm use taobao：使用淘宝的地址（国内速度更快） 然后下载express框架： n...
node+express实现本地部署服务器加载本地资源和接口
09-16
# web服务器说明文档(node+express) ### 1.首先自定义数据文件，进行上传，上传地址：http://192.168.20.14:3000/pages/upload.html *** ### 2.配置项目跨域： ### 3.请接口求方式post，请求接口固定为 `'/get_data'`，参数为上传的文件名称`name: test_data`
Node.js —— Express中服务器的创建、托管静态资源、nodemon
最新发布
迪幻的博客
05-21 776
本文是为学习npm中express模块的第一节，为大家介绍了如何安装express，以及用express创建服务器、托管静态资源、安装nodemon环境，为以后的express学习打下了坚实的基础
express框架搭建服务器
搬砖中
01-07 162
安装npm install express-generator -g 自动生成express --view = ejs 文件名 查看版本express --version cnpm install cnpm install socket.io --save 开启npm start 第一步： socketio.js let socketio = {} function getSocket(server) { socketio.io = require('socket.io')(server, {
用nodejs的express快速搭建一个本地服务器
weixin_46473943的博客
02-27 1185
前端程序员，用nodejs的express快速搭建一个本地静态资源服务器
【express在node中的基础使用】搭建服务器，完成静态伺服
weixin_48813932的博客
04-13 1739
一.服务端基本三层解构 1.1 路由层也叫表现层： 搭建服务器，编写静态私服接口都应该写在路由层Router目录文件夹下 1.2 服务层： 编写DAO中的各表的增删改查功能 1.3DAO层： 主要完成建库建表建字段的功能 如果想知道如何利用sequelize联动mysql完成建库建表建字段 请看我上一篇博客 https://blog.csdn.net/weixin_48813932/article/details/124041795?spm...
详解node+express+ejs+bootstrap构建项目
10-19
本文将深入探讨如何使用Node.js、Express、EJS模板引擎以及Bootstrap框架来构建一个Web项目。这些技术的结合为开发高效、响应式的Web应用提供了强大的工具集。 首先，Node.js是一个基于Chrome V8引擎的JavaScript...
node+express+mongoose demo
06-21
2. **Express.js**：Express 是基于 Node.js 平台的 web 应用框架，它简化了 HTTP 请求处理、路由定义、中间件系统等任务，帮助快速搭建 RESTful API。`app.js` 文件很可能包含了 Express 应用的核心配置和路由定义...
数据管理系统后端： node + express +mongodb.zip
08-03
通过Express，开发者可以快速搭建路由、中间件和静态文件服务等功能，同时它支持多种模板引擎，方便进行视图层的渲染。 MongoDB则是一款开源的NoSQL数据库系统，以其文档型数据模型（BSON）和灵活性著称。与传统的...
nodejs+express搭建自己的框架
11-19
在IT行业中，Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行开发，极大地拓宽了JavaScript的应用领域。Express则是Node.js的一个轻量级Web应用框架，它为构建Web...
node.js使用express框架进行文件上传详解
10-17
在本文中，我们将深入探讨如何使用Node.js和Express框架实现文件上传功能。Express是一个轻量级的、灵活的Node.js Web应用框架，它提供了一系列强大的功能来帮助开发者快速构建网络应用。文件上传是Web应用程序中...
深入理解nodejs搭建静态服务器(实现命令行)
12-23
静态服务器 使用node搭建一个可在任何目录下通过命令启动的一个简单http静态服务器 完整代码链接 安装：npm install yg-server -g 启动：yg-server 可通过以上命令安装，启动，来看一下最终的效果 TODO 创建一个静态服务器 通过yargs来创建命令行工具 处理缓存 处理压缩 初始化 创建目录：mkdir static-server 进入到该目录：cd static-server 初始化项目：npm init 构建文件夹目录结构: 初始化静态服务器 首先在src目录下创建一个app.js 引入所有需要的包，非
nodeJS搭建本地服务器(windows)
qq_35794739的博客
10-31 392
1. 下载并安装nodejs 2. install express(命令安装 cnpm install -g express) 3.新建js文件作为服务器运行 var path = require("path"); var express = require("express"); var app = express(); app.listen(9808); app.use(exp...
使用node.js+express搭建服务器，将vue打包后生成的dist目录在本地运行
weixin_44111864的博客
04-29 2389
文章目录前言一、nodejs+express搭建服务器二、搭建好的服务器中运行本地dist目录 前言 vue项目打包后生成的dist目录如果直接在本地打开index.html,在浏览器中会报错，无法运行起来。 如果想在本地运行，我们可以借助node.js+express搭建一个服务器，将打包后的文件部署在服务器上，就可以运行起来了。 一、nodejs+express搭建服务器 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，
Express脚手架创建静态服务器
菜鸟的博客
11-02 689
npm install -g express-generator@4 express 项目名字（创建静态服务器） cd 项目名字(进入项目目录） npm install（导入依赖） npm start（运行项目）  ...
使用Express 框架快速搭建web应用
youlinhuanyan的博客
09-02 314
使用Express 框架快速搭建web应用 安装express 框架 step.1 安装node.js 环境，默认带npm(略) step.2 安装express框架 $ mkdir my_express $ npm init $ cnpm install body-parser --save $ cnpm install cookie-parser --save $ cnpm install...
为node.js服务器添加静态网页，express模块。
热门推荐
我叫河蟹
12-17 1万+
app.use(express.static(path.join(__dirname, 'public'))); 设置静态文件目录，为当前目录的public，只要将静态页，扔在这个目录，就能读取。
用Node.js创建一个静态服务器,然后将一个项目部署在这个服务器中
我是小仙女呢~的博客
05-14 565
源代码 var http = require('http'); var port = 9000; var hostname = 'localhost'; //1.创建磁盘路径处理的模块（绝对路径） var path = require('path'); //2.用文件系统读index.html文件的内容,就是操作文件、目录的模块 var fs = require('fs'); //5.处理url的...
使用nodejs和express创建本地服务器（五步）
欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！
08-06 2025
127.0.0.1 是本地ip (或者localhost) 只能自己访问 所有本地都是这个 不写就默认本地。// 防止中文表情乱码 (里面直接出现的文本) css和html不一样要区分开设置。是自定义的 建议用8000以上的(自定义端口号 8080)//自己电脑的IP地址通过局域网别人可以访问。............
使用node.js+express框架搭建一个微型，简易的服务器,给出相应的代码
06-12
好的，下面是使用 Node.js 和 Express 框架搭建一个简易的服务器的代码： 首先，你需要创建一个新的项目文件夹，然后在该文件夹中打开命令行窗口，执行以下命令来初始化项目： ``` npm init ``` 然后安装 Express 模块： ``` npm install express --save ``` 接下来，创建一个名为 `app.js` 的文件，用来编写服务器端代码。在该文件中引入 Express 模块并创建一个 Express 应用实例： ```javascript const express = require('express'); const app = express(); ``` 然后定义一个路由，用来处理客户端的请求： ```javascript app.get('/', function(req, res) { res.send('Hello, World!'); }); ``` 这里我们定义了一个 GET 请求路由，当客户端请求根路径时，服务器将返回一个字符串 "Hello, World!"。 最后，启动服务器监听端口： ```javascript app.listen(3000, function() { console.log('Server is running on port 3000.'); }); ``` 完整的代码如下： ```javascript const express = require('express'); const app = express(); app.get('/', function(req, res) { res.send('Hello, World!'); }); app.listen(3000, function() { console.log('Server is running on port 3000.'); }); ``` 执行以下命令来启动服务器： ``` node app.js ``` 然后在浏览器中访问 `http://localhost:3000`，你应该能看到 "Hello, World!" 的字符串。这就是一个简单的 Node.js + Express 框架搭建的服务器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值