使用nodejs搭建服务器显示HTML页面

最新推荐文章于 2024-09-20 17:51:12 发布

散粉思考者

最新推荐文章于 2024-09-20 17:51:12 发布

阅读量1w

点赞数 3

文章标签： node.js

本文链接：https://blog.csdn.net/qq_38619931/article/details/80283073

版权

首先安装express

在命令行输入：npm install express -g

安装完成后可以查看安装情况：npm ls -g

然后创建server.js文件

var express = require("express");
var app = express();

app.use(express.static("public")).listen(8080);

这里我们要将访问的html文件放在public目录里

然后编写HTML文件 index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Hello Nodejs</h1>
</body>
</html>

之后在命令行进入server.js所在目录

输入node server.js

然后打开浏览器，在地址栏输入：http://localhost:8080/index.html

就可以看到页面中显示的效果了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

散粉思考者

关注关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Node.js如何运行HTML文件

TechWhizKid的博客

09-24

1401

在本文中，我将介绍如何使用Node.js运行HTML文件，并提供相应的源代码示例。安装Node.js：首先，你需要在你的计算机上安装Node.js。这就是使用Node.js运行HTML文件的基本步骤。你可以根据需要对HTML文件进行修改和扩展，Node.js服务器将始终将最新的HTML内容发送给客户端。创建HTML文件：在你刚刚创建的文件夹中，创建一个新的HTML文件。创建一个新的文件夹：在你的计算机上选择一个合适的位置，创建一个新的文件夹用于存放你的代码和HTML文件。如果你有任何疑问，请随时提问。

nodejs搭建本地服务器轻松解决跨域问题

10-18

在本文中，我们将深入探讨如何使用Node.js搭建本地服务器来轻松解决跨域问题。跨域问题通常发生在浏览器的安全策略之下，限制了JavaScript从一个源（协议+域名+端口）发送Ajax请求到另一个源。然而，开发过程中经常...

参与评论您还未登录，请先登录后发表或查看评论

使用Node.js构建服务器显示html页面

师范大学生的博客

10-31

1206

这次使用node构建一个本地的服务器，然后以两种方式显示html页面： PLAN A:输入IP地址+端口号，直接显示固定页面。 PLAN B:输入IP地址+端口号+URL，选择已有的页面显示。好的，在执行方案前先复习一下node是怎么构建HTTP服务器的。 HTTP服务器构建： var http = require('http'); http.createServer(funct...

Node.js官网无法正常访问时安装NodeJS的方法

热门推荐

罗_星星的博客

02-20

5万+

（前端工程师利器）做前端的都知道，公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情首先：一般个人电脑没公司的配置性能好，其次：搭建公司项目在自己电脑涉及很多缓存环境，资源环境包，数据库等的限制，加起来够搞一天了（熟悉公司搭建的环境除外）就我自身公司而言情况是这样，我作为前端工程师，前端目前是基于polymer——实现最近遇到的问题就是不知道自己写的页面有没有什么问题，但是要成功启动项目的

web 配置html文件,web - node.js怎么配置访问本地的html文件？

weixin_29761519的博客

06-17

黄舟2017-04-17 11:03:413楼var http = require("http"),url = require("url"),path = require("path"),fs = require("fs");http.createServer(function (req, res) {var pathname=__dirname+url.parse(req.url).pat...

gulp临时服务器显示html页面,Gulp实现静态网页模块化的方法详解

weixin_32644319的博客

06-03

185

前言在做纯静态页面开发的过程中，难免会遇到一些的尴尬问题。比如：整套代码有50个页面，其中有40个页面顶部和底部模块相同。那么同样的两段代码我们复制了40遍(最难受的方法)。然后，这个问题就这样解决了。再然后，产品经理看了几遍后突然说顶部的某块需要改改设计。。。突然感觉好尴尬~~(心里是万马奔腾~)，然后呢？然后就期待下一次的万马奔腾！！！虽然类似问题的解决方案很多，但是纯前端，不用各种框架的情况...

用Nodejs搭建服务器访问html、css、JS等静态资源文件

10-19

要使用Node.js搭建服务器，首先要确保已经安装了Node.js。可以访问Node.js官网下载安装包，并按步骤安装到电脑上。安装完成后，你可以通过命令行检查Node.js是否安装成功，运行如下命令： ```bash node -v ``` 若...

3分钟快速搭建nodejs本地服务器方法运行测试html/js

10-20

- 对于前端开发者而言，使用Node.js搭建本地服务器可以更简单地进行HTML页面的展示和JavaScript代码的测试。 - 不依赖于传统的Web服务器（如Tomcat）进行项目部署，可以避免复杂的配置和依赖问题，从而加快开发和...

基于HTML5的弹幕播放器网站。练手实践项目。使用Nodejs搭建后台服务器.zip

02-14

【标题】中的“基于HTML5的弹幕播放器网站”是指使用HTML5技术构建的，具备弹幕功能的在线视频播放平台。HTML5是超文本标记语言（HTML）的第五次重大修订，它引入了许多新的特性和API，使得网页开发者能够创建更丰富...

nodejs搭建本地服务器并访问文件的方法

10-20

server.js文件是Node.js搭建服务器的核心部分，通过引入Node.js的内置模块如http、fs、url和path来完成服务器的创建和文件的读取： ```javascript const PORT = 8888; // 定义访问端口号，通常使用6000以上的端口...

node使用express快速搭建服务器部署html项目

haogemr的博客

10-29

936

node使用express快速搭建服务器部署html项目

通过站点访问本地html,nodejs服务搭建教程 nodejs访问本地站点文件

weixin_39915204的博客

05-31

228

本教程为大家分享了nodejs服务搭建和如何访问本地站点文件，供大家参考，具体内容如下搭建nodejs服务器步骤:1.安装nodejs服务(从官网下载安装)2.在自己定义的目录下新建服务器文件如 server.js例如，我在E:\PhpProject\html5\websocket下创建了server.js文件var http = require('http');//引入http模块//开启服务，...

本地服务器搭建可以访问html,nodejs搭建本地服务器并访问文件的方法

weixin_34804926的博客

06-09

568

在本地建立目录：f:/nodetest，在该目录下新建index.html作为我们将要访问的内容。新建server.js作为node开启的入口:$ cd f:/nodetest$ mkdir index.html$ mkdir server.jsindex.html文件里简单写一点东西：node Testhtml,body{margin: 0;padding: 0;}.node{width: 30...

前端起node服务，看前端项目

卡卡罗特的博客

07-20

752

光大同学，在学习githup上，发现了一些好项目，down下来了，需要看没有后端服务怎么办？那就基于node,起个服务吧，方法如下：看下目录结构: 一个前端文件包 html, 一个node配置server.js server.js引用了express和ip两个依赖包，自己npm 安装一下，命令：npm install express ip //引入express中间件，需要下载依赖安装 npm install express var express = require('express');

前端--Html和nodejs篇

weixin_45755231的博客

11-05

1375

html和nodejs

nodejs 创建 html,用nodeJS写第一个页面

weixin_39819138的博客

06-26

1005

背景:今年剩下的几个月要学习后端开发.使用nodejs加mysql写后端接口.先接触起来,用nodejs写一个页面.第一步,在E盘创建个nodeJS文件夹,里面有两个文件夹,app和server第二步,在server文件夹下运行命令npm init //初始化 npm，一直回车即可npm install express --save第三步:打开vscode编译器,把nodeJS文...