node+express的html页面访问

node+express访问himl文件的入门实例

1.首先在需要操作的文件夹下安装express模块

D:\vs code\File\hrml\mysqlweblod> npm install express

2.创建index.js文件,如下

 1 //引入exprexx模块
 2 var express =require("express");
 3 var app =express();
 4 app.use(express.static(‘public‘))
 5
 6 //参数‘/’可当作设置url的根显示页面,这里即”http://localhost:3000/“访问的页面设置为index.html
 7 app.get(‘/‘,(req,res)=>{
 8     res.sendFile(__dirname+"/"+"index.html")        //设置/ 下访问文件位置
 9 });
10
11 //参数‘/tow’可当作设置url的/tow下显示页面,这里即”http://localhost:3000/tow“访问的页面设置为index2.html
12 app.get("/tow",(req,res)=>{
13     res.sendFile(__dirname+"/"+"index2.html")        //设置/tow下访问文件位置
14 })
15
16 //设置端口3000访问地址,即http://localhost:3000
17 var server =app.listen(3000,()=>{
18     var port =server.address().port
19     console.log("【】访问地址http://localhost:%s",port)
20 })

3.创建index.html和index2.html测试文件;

index.html

<p>Holle word</p>

index.html

<meta charset="utf-8">
<p>我是index2</p>

4.测试

在当前文件目录终端下输入:node. index.js

D:\vs code\File\hrml\mysqlweblod> node index.js

访问 http://localhost:3000 显示

Holle word

访问 http://localhost:3000/tow 显示

我是index2

原文地址:https://www.cnblogs.com/hmcjsc/p/12704350.html

时间: 2024-10-14 00:43:30

node+express的html页面访问的相关文章

Node Express 初探

一如既往,先上一张图 Express 基于 Node.js 平台,快速.开放.极简的 web 开发框架. 关于Express更多相关知识请链接至官网http://www.expressjs.com.cn/ 1.访问本地服务 在指定的目录中创建app.js 1 //express 2 var express = require('express'); 3 //app核心 4 var app = express(); 5 //get 6 app.get('/', function (req, res

运用 node + express + http-proxy-middleware 实现前端代理跨域的 详细实例哦

一.你需要准备的知识储备 运用node的包管理工具npm 安装插件.中间件的基本知识: 2.express框架的一些基础知识,知道如何建立一个小的服务器:晓得如何快速的搭建一个express框架小应用: 3.还需要一些前端的基础小知识,html\css\js\jquery 4.最重要的一点就是知道怎么产生的跨域,要是不知道怎么产生的跨域,如何知道需要去破解它呢? 二.实例的代码分析 场景分析,我本地的域名为<http.localhost:8080>,我要请求的地址是<http.****.

Webpact打包React后端Node+Express

Webpact打包React后端Node+Express 前言 React官方推荐用Browserify或者Webpack 来开发React组件. Webpack 是什么?是德国开发者 Tobias Koppers 开发的模块加载器.Instagram 工程师认为这个方案很棒, 似乎还把作者招过去了.在 Webpack 当中, 所有的资源都被当作是模块, js, css, 图片等等..Webpack 都有对应的模块 loader,如下文中将用到jsx-loader来加载带react语法的js文件

node+express+mongodb初体验

从去年11月份到现在,一直想去学习nodejs,在这段时间体验了gulp.grunt.yeomen,fis,但是对于nodejs深入的去学习,去开发项目总是断断续续. 今天花了一天的时间,去了解整理整个学习思路,以下是我的学习分享,是入门级学习体验适合node+mongodb开发小白,node已玩过很久的大神这篇文章可能不适合. 开篇来个例子: 客户端表单页面: <!DOCTYPE HTML> <html lang="en-US"> <head> &

【HAVENT原创】Node Express API 通用配置

启动文件 /app.js: var express = require('express'); var bodyParser = require('body-parser'); var proxy = require('http-proxy-middleware'); var path = require('path'); var index = require('./routes/index'); var data = require('./routes/data'); var app = e

零基础实现node+express个性化聊天室

本篇文章使用node+express+jquery写一个个性化聊天室,一起来get一下~(源码地址见文章末尾) 效果图 项目结构 实现功能 登录检测 系统自动提示用户状态(进入/离开) 显示在线用户 支持发送和接收消息 自定义字体颜色 支持发送表情 支持发送图片 下面将一一讲解如何实现 前期准备 node及npm环境.express.socket.io 具体实现 1.将聊天室部署到服务器 先用node搭建一个服务器,部署在localhost:3000端口,先尝试向浏览器发送一个"hello wo

一:练手的项目简介(node express vue elementui axios)

一:项目基本构造 项目一共有 16 个页面,是一个电商网销项目,自己在网上的某网上找的一个要做的网站的设计图: 页面主要包括:  登录页 -- 注册页 -- 首页 -- 产品列表页 -- 产品详情页 -- 会员中心页 -- 我的购物车页 -- 支付页 -- 支付成功页 -- 支付失败页 -- 评价页 -- 评价详情页 -- 我的订单页 -- 订单详情页 -- 确认订单页 -- 收货地址列表页: 后端技术: node express  mongo: 前端技术:vue-cli  elementui 

使用node+express+mongodb实现用户注册、登录和验证功能

无论是手机端还是pc端,几乎都包含登录注册方面功能,今天就使用node+express+mongodb实现一套登录注册功能,这里需要自己去安装MongoDB环境,如果没有安装可以看这篇关于MongoDB安装的步https://www.cnblogs.com/zhoulifeng/p/9429597.html 实现功能 注册 密码加密 登录 校验 token处理 1.环境搭建运行 在目录里安装express和mongoose,并在根目录创建server.js文件和models文件, 在server

HTML5移动开发之路(51)——jquerymobile中改善页面访问速度

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(51)--jquerymobile中改善页面访问速度 在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版,在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求,用户会感到略有停顿.使用多页模版,可以改善页面跳转之间的流畅性,但是多个页面要一次性下载,所以下载时间变长,用户体验也会受到影响. 在基于预取技术的开发中,当第一个页面的DOM对象加载完成后,jQuery Mob