（三）、Express 路由、静态文件、

一、路由　

　路由（Routing）是由一个 URI（或者叫路径）和一个特定的 HTTP 方法（GET、POST 等）组成的，涉及到应用如何响应客户端对某个网站节点的访问。

每一个路由都可以有一个或者多个处理器函数，当匹配到路由时，这个/些函数将被执行。

　　创建一个一个命名为 app 的 express 实例：

　　路由的定义由如下结构组成：app.METHOD(PATH, HANDLER)。其中，

　　　　app 是一个 express 实例；

　　　　METHOD 是某个 HTTP 请求方式中的一个；

　　　　PATH 是服务器端的路径；

　　　　HANDLER 是当路由匹配到时需要执行的函数。

　　下面的代码展示了几个路由实例：

// 对网站首页的访问返回 "Hello World!" 字样
app.get('/', function (req, res) {res.send('Hello World!');
});// 网站首页接受 POST 请求
app.post('/', function (req, res) {res.send('Got a POST request');
});// /user 节点接受 PUT 请求
app.put('/user', function (req, res) {res.send('Got a PUT request at /user');
});// /user 节点接受 DELETE 请求
app.delete('/user', function (req, res) {res.send('Got a DELETE request at /user');
})

二、静态文件

　　通过 Express 内置的 express.static 可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。

　　将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如，假设在 public 目录放置了图片、CSS 和 JavaScript 文件，你就可以：

app.use(express.static('public'));

现在，public 目录下面的文件就可以访问了。

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

所有文件的路径都是相对于存放目录的，因此，存放静态文件的目录名不会出现在 URL 中。

如果你的静态资源存放在多个目录下面，你可以多次调用 express.static 中间件：

app.use(express.static('public'));
app.use(express.static('files'));

访问静态资源文件时，express.static 中间件会根据目录添加的顺序查找所需的文件。

如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟（virtual）”目录（即目录根本不存在）下面，可以通过为静态资源目录指定一个挂载路径的方式来实现，如下所示：

app.use('/static', express.static('public'));

现在，你就可以通过带有 “/static” 前缀的地址来访问 public 目录下面的文件了。

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

转载于:https://www.cnblogs.com/hyqing/p/5017582.html

（三）、Express 路由、静态文件、相关推荐

【Express】 —利用 Express 托管静态文件
[Express] -Express 静态文件托管方法一随便找了几张帅哥的图片凑合着看吧方法二
用Express、MySQL搭建项目（接口以及静态文件获取、文件上传等）
一.简介本文将主要基于node.js使用express框架搭建一个后台环境,包括如何自定义项目目录.所用依赖以及中间件.路由以及模板引擎.接口数据获取以及文件上传等内容. 二.后台环境搭建 1.新建 ...
Express 路由、Ejs 、静态文件托管、中间件
一. Express 简单介绍 Express 是一个基于 Node.js 平台,快速.开放.极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用. Expres ...
3 ~ express ~ 静态文件托管
静态资源文件处理 (一)设置静态资源托管目录 /* * 当用户访问的 url 以 /public 开始 ,那么直接返回对应 __dirname + '/public' 下的文件 . 注意是双下划 ...
Python的web框架Django（1）：HTTP、简介、静态文件配置、路由系统、视图函数、模板语言、ORM、Ajax、分页器、forms、Cookie、Session、中间件、ModelForm
1. HTTP协议 1)HTTP请求协议请求格式 POST(方法) /form/entry(URI) HTTP/1.1(协议版本) HOST:hackr.jp(服务端地址) Connection:k ...
express中放置静态文件
不使用模版引擎的话要直接添加html,可以使用express.static()中间件设定静态文件目录,然后将html文件放在里面,如:express默认静态文件目录为 app.use(express. ...
ASP.NET Core 中文文档第三章原理（3）静态文件处理
原文:Working with Static Files 作者:Rick Anderson 翻译:刘怡(AlexLEWIS) 校对:谢炀(kiler398).许登洋(Seay).孟帅洋(书缘) 静态文 ...
三、Express 路由
一.路由路由是指应用程序的端点(URI)如何响应客户端请求. 你可以使用app与HTTP方法相对应的Express对象的方法来定义路由. 例如,app.get()处理GET请求和app.post P ...
前端项目引入js文件写绝对目录还是相对目录_flask入门（三）静态文件
前言上篇文章讲到 flask 的模板文件如何使用,印象模糊的朋友可以回顾一下flask入门 (二)(不用写代码的前端!) 今天的主题 - flask 和静态文件结合的使用技巧. 静态文件概念先来简 ...

（三）、Express 路由、静态文件、

（三）、Express 路由、静态文件、相关推荐

最新文章

热门文章