类似于CSS、JS、img等静态资源的加载，并不需要进行一些复杂的业务逻辑，只需要引入加载即可，所以本节我们介绍下静态资源文件托管，也叫开放静态资源（1）缘由 编写模板时，经常需要引入外部文件（css、js、imgs等）。例如，首页需要加载相关样式文件，如下所示 接下来我们刷新页面 分析即可得知1、当我们发送请求
转载
2024-07-09 10:51:55
52阅读
想访问一个资源的时候，发现访问不了 方法1、加上了这个就可以访问了，static参数为静态文件存放目录：__dirname代表目录 方法2、举一返二：如果把参数改为public 则访问路径应该为：http://localhost:3000/images/pic.jpg 方法3、那么如果想在一个不存在 Read More
转载
2015-11-05 10:09:00
418阅读
2评论
根据webkit资源的分类webkit的资源分类主要分为两大类：主资源和派生资源。主资源：比如HTML页面，或者下载项，对应代码中的类是MainResourceLoader。派生资源：比如HTML页面中内嵌的图片或者脚本链接，对应代码中的类是SubresourceLoader。根据http状态码分类200 (from memory cache)200 (from disk cache)304 (N
在开发全栈的时候，html页面需要显示一些图片，视频之类的资源。这些资源被称为“静态资源”，即对每一个用户来讲都是相同的资源。写这篇博文通过对比前后端调用静态资源的方式来记录express框架下静态资源的访问方法。前端调用静态资源 初入前端的同志应该知道，前端里调用静态资源只是用来测试程序的“缓兵之计”，因为网页的资源一定是来自后端服务器的。在还没有对接服务器的情况下，以播放视频为例，前端是
转载
2024-06-18 18:09:03
62阅读
Node.js学习之静态资源服务器有什么用作者：小新小编给大家分享一下Node.js学习之静态资源服务器有什么用，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！在创建 HTTP 服务器实现了一个最简单的静态资源服务器，可以对代码进行写改造，增加文件夹预览功能，暴露出一些配置，变成一个可定制的静态资源服务器模块模块化可定制的静态资源服务器理想的使用方式应该是这样的const Static
const express = require('express'); const path=require('path'); const app = express(); app.use(express.static(path.join(__dirname))) app.listen(3000);
原创
2022-08-07 00:01:56
94阅读
ex
原创
2023-02-12 05:17:59
73阅读
第一步：使用静态资源的合并压缩等前端优化手段第二步：使用CDN和云第三步：动静分离，将静态图片，js，css存放到单独的域名。带来好处：（1）使用单独域名，浏览器不会把主域名下的 cookie 传给该域，减少了网络开销，一定程度提高了页面加载速度。（2）将Web应用程序中静态和动态的内容分别放在不同的 Web 服务器上，有针对性地处理动态和静态内容，从而达到性能的提升。面临问题：动静分离分离后，数
转载
2024-04-22 05:55:13
87阅读
文章目录一、node express项目中将静态资源公开步骤代码二、为什么使用express的app.use()将静态资源公开了还是读取不到文件。拿app.use举例相对app.js寻找public相对运行node命令的终端路径寻找publicapp.js源文件建议使用`__dirname`来拼接，得到绝对路径，避免出错三、参考文献 一、node express项目中将静态资源公开步骤引入依赖模
转载
2024-04-21 20:57:33
46阅读
1.静态路由：在路由对象中写死的资源。固定路由的路径在index.js中的routes数组中，如login，index，404.;基本格式示例如下 {
path: '/list',//url的名称，在浏览器地址栏的输入内容
name: 'list',//路由的名称
meta:{ //需要给路由定义自定义属性时，必须写在这个对象中
isLogi
转载
2024-10-21 17:09:17
219阅读
安装 假设您已经安装了 Node.js，创建目录以保存应用程序，并将其设置为工作目录。$ mkdir myapp$ cd myapp使用 npm init 命令为应用程序创建 package.json 文件。 有关 package.json 工作方式的更多信息，请参阅 Specifics of np
原创
2022-12-19 11:05:27
102阅读
原创
2021-05-25 11:50:22
279阅读
1. 工具函数 module/file.js 读取文件数据 const fs = require('fs'); const readFile = (path) => new Promise((resolve) => { fs.readFile(path, (err, data) => { resol ...
转载
2021-10-21 10:07:00
192阅读
2评论
初识express什么是express？官方给出的概念：express是基于Node.js平台，快速、开放、极简的web开发框架。通俗的理解：express的作用和Node.js内置的http模块类似，是专门用来创建web服务器的。express的本质：就是一个npm上的第三方包，提供了快速创建web服务器的便捷的方法。安装在项目所处的目录中，运行如下的终端命令，即可将express安装到项目中使
转载
2024-04-05 08:28:26
256阅读
在使用express框架的时候，会遇到设置静态文件目录，代码如下：//将静态文件目录设置为：项目根目录+/public
app.use(express.static(__dirname + '/public'));
//或者
app.use(express.static(path.join(__dirname, 'public')));那么，什么是静态文件资源？以及express是怎么利用这句话来
转载
2024-01-03 07:26:24
71阅读
场景
Node的Web应用框架Express的简介与搭建HelloWorld：
javascript:void(0)
注：
博客： javascript:void(0)
关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。
实现
静态资源的处理
通过Express内置的express.static
可以方便的托管静态文件，例如img、css、JavaScript文件等。
ap
转载
2020-07-16 22:33:00
319阅读
2评论
方便的托管静态文件，例如img、css、JavaScript文件等。
原创
2023-02-15 19:41:31
121阅读
什么是 Express官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。Express 的中文官网： http://www.expres
转载
2024-07-06 06:12:14
61阅读
Express基础 文章目录Express基础一.前言基于Node.js平台,快速,开放,极简的Web开发框架1.框架的作用2.Node相关的框架二.Express简介三.安装Express四,使用,搭建一个express的服务五.路由1.路由的基本语法2.请求参数的获取1.query参数(?号传参)2.body参数 (请求体传参)注意,req.body需要设置中间件3. params 参数（动态
转载
2024-06-13 20:11:02
54阅读
一.Express的基本使用1.什么是expressExpress是基于Node.js平台，快速、开放、极简的Web开发框架。2.安装在项目终端执行：npm i express@4.11.13.导入const express = require('express')4.创建web服务器const app = express()5.监听请求//GET请求
app.get(url,(req,res)
转载
2024-04-22 10:12:30
82阅读
