首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏人生代码

    Vite2 静态资源处理

    Importing Asset as URL 导入静态资产时,将返回解析后的公共URL: import imgUrl from '. document.getElementById('hero-img').src = imgUrl 例如,在开发阶段,imgUrl将是/img.png,而在生产版本中,它将变成/assets/img.2d8efhg.png url' CSS.paintWorklet.addModule(workletURL) Importing Asset as String 资源可以使用?raw后缀作为字符串导入。 在开发过程中,这个目录中的资源将在根路径/中提供,并原样复制到dist目录的根目录中。 该目录默认为/public,但可以通过publicDir选项配置。

    2.6K20发布于 2021-03-16
  • 来自专栏c++与qt学习

    SpringBoot2---静态资源映射规则

    静态资源映射规则 1.静态资源访问 1.0 查看官网文档对应说明 1.1 静态资源目录 1.2 静态资源访问前缀 请注意: 加了静态资源访问前缀后,访问静态资源时,就必须加上前缀,这个多用于拦截器对静态资源的拦截 1.3 改变默认的静态资源路径----自己规定静态资源都放到哪个路径下面 请注意:指定新的静态资源文件夹的位置之后,springboot默认的就不生效了,也就是说我们要通过我们指定的文件夹的位置去访问静态资源 ,以前的不能访问 2.1 欢迎页支持 2.2 自定义 Favicon 2.3、静态资源配置原理 1、配置类只有一个有参构造器 2资源处理的默认规则 3、欢迎页的处理规则 4、favicon SpringBoot-templates 下页面无法访问 1.静态资源访问 1.0 查看官网文档对应说明 static content对应相关内容 1.1 静态资源目录 " /** " 访问当前项目的任何资源 (静态资源的文件夹) 请注意: 加了静态资源访问前缀后,访问静态资源时,就必须加上前缀,这个多用于拦截器对静态资源的拦截 ---- 1.3 改变默认的静态资源路径----自己规定静态资源都放到哪个路径下面 spring:

    1.6K30发布于 2021-11-15
  • 来自专栏MyTechnology

    静态资源配置(静态资源被拦截)

    请注意,本文编写于 331 天前,最后修改于 142 天前,其中某些信息可能已经过时。

    2K10发布于 2021-01-18
  • 来自专栏Java

    Koa2 中如何处理静态资源

    Koa2 中如何处理静态资源? 当使用Koa2处理静态资源时,可以使用koa-static中间件。下面是一个更详细的示例,演示了如何在Koa2中处理静态资源。 ); const static = require('koa-static'); const path = require('path'); const app = new Koa(); // 配置静态资源目录 这样,Koa2会将该目录下的静态资源暴露给外部访问。 假设我们有一个public目录,里面包含一个css文件夹和一个images文件夹,分别存放CSS文件和图片文件。 现在我们想要访问style.css和logo.png这两个静态资源。 这样,我们就可以方便地在Koa2中处理静态资源了。通过使用koa-static中间件,可以轻松地将静态文件提供给客户端。

    55810编辑于 2025-01-21
  • 来自专栏薛定喵君

    koa2实现静态资源服务器

    记录如何用koa实现一个简易静态资源服务器 这里仅以图片静态服务为例。 根目录下public文件夹下的内容为图片资源 # 安装依赖 koa-static path # 主程序代码 server.js const Koa = require('koa') const app = new Koa() const path = require('path') // 静态资源 app.use(require('koa-static')(path.join(__dirname) : "^2.11.0", "koa-static": "^5.0.0", "path": "^0.12.7" } } # 启动服务 node app.js 访问public下的图片资源

    1.6K20发布于 2020-06-16
  • 来自专栏波波烤鸭

    SpringBoot【静态资源

      SpringBoot中的静态资源的存放路径和我们前面的web项目还是有些区别的,本文我们来介绍下SpringBoot中的静态资源。    springboot访问静态资源,默认有两个默认目录, 一个是 classpath/static 目录 (src/mian/resource) 一个是 ServletContext 根目录下( src /main/webapp ) SpringBoot静态资源 1.static目录   在IDEA中默认创建的有此目录,如下: ?    访问成功~ 2.webapp目录   创建的项目默认是没有webapp目录的,我们需要手动创建该目录,如下: ? 然后对项目clean后install,我们查看install后的目录: ? #表示所有的访问都经过静态资源路径 spring.mvc.static-path-pattern=/** #覆盖默认配置,所以需要将默认的也加上否则static、public等这些路径将不能被当作静态资源路径

    1.5K30发布于 2019-05-15
  • 来自专栏九旬大爷

    # 原生koa2实现静态资源服务器

    # 原生koa2实现静态资源服务器 # 前言 一个http请求访问web服务静态资源,一般响应结果有三种情况 访问文本,例如js,css,png,jpg,gif 访问静态目录 找不到资源,抛出404错误 # 原生koa2 静态资源服务器例子 demo源码 https://github.com/ChenShenhai/koa2-note/blob/master/demo/static-server/open in new window # 代码目录 ├── static # 静态资源目录 │ ├── css/ │ ├── image/ │ ├── js/ │ └── index.html /util/mimes') const app = new Koa() // 静态资源目录对于相对入口文件index.js的路径 const staticPath = '. /file') /** * 获取静态资源内容 * @param {object} ctx koa上下文 * @param {string} 静态资源目录在本地的绝对路径 * @return

    72710编辑于 2023-10-19
  • 来自专栏菲宇

    Flask配置静态资源

    简介 flask可对实例、配置模板文件路径、静态文路径进行配置 Flask(import_name, static_url_path=None, static_folder='static', static_host templates', instance_path=None, instance_relative_config=False, root_path=None) static_url_path:前端访问资源文件的前缀目录 static_folder:后端存储资源文件的目录。默认是/static,就是指明你后端的资源文件,是放在<your project>/static/目录下,一般不需要改动。 template_folder: template模板目录, 默认当前项目中的 templates 目录 2. 实例讲解 # 默认Flask目录结构 /app.py /static /js /css /img /templates /index.html 前端访问后台静态资源

    2.7K10发布于 2020-03-26
  • 来自专栏后端开发随笔

    关于静态资源压缩

    在Web页面的开发中,通常需要对css,js以及一些图片资源进行压缩后才能正式发布。 而对于一些比较简单的web页面,比如:个人主页,实际上可以直接使用一些独立工具才来实现静态资源的压缩,如:JScompress就是一个不错的web前端开发自动化解决方案。

    75730编辑于 2023-02-10
  • 来自专栏Java后端开发博客

    Nginx 静态资源访问

    # Nginx 静态资源访问 引言 如何访问 Nginx 的静态资源?这其中涉及到了 Nginx 的核心功能 Rewrite 重写技术,本内容将讲解处理访问静态资源的相关知识。 Nginx的跨域问题 同源策略 跨域问题 跨域案例 解决方案 静态资源防盗链 什么是资源盗链 防盗链实现原理 防盗链实现实例 针对目录防盗链 Rewrite功能配置 地址重写与地址转发 set指令 Rewrite default_type application/json; # return 的格式是 json return 200 '{"id":1,"name":"TOM","age":18}'; } # 静态资源防盗链 arg1=value1&args2=value2 中的『 arg1=value1&arg2=value2 』,功能和 $query_string 一样 $http_user_agent 变量存储的是用户访问服务的代理信息 # 多级域名 当你配置了多级域名,如二级域名 xxx.frxcat.fun,并且静态资源目录恰好和二级域名的 xxx 可以匹配,则可以使用正则表达式进行匹配,日后,如果又多个 xxx,则再创建对应的该目录即可

    9K20编辑于 2022-12-25
  • 来自专栏WindCoder

    CDN静态资源加速

    静态资源访问的关键点是就近访问。可以考虑在业务服务器的上层加一层特殊缓存,即CDN。 简单来说,CDN 就是将静态资源分发到,位于多个地理位置机房中的服务器上,因此它能很好地解决数据就近访问的问题,也就加快了静态资源的访问速度。 找到离用户最近的节点 GSLB (Global Server Load Balance,全局负载均衡)可以给用户返回一个离着他更近的节点,加快静态资源的访问速度。 是否能够从 CDN 节点上获取到资源还取决于 CDN 的同步延时。 一般会通过CDN厂商的接口将静态资源写入某一节点,然后通过内部同步机制分散同步到每一个节点。

    33.2K31发布于 2020-01-21
  • 来自专栏mousemin

    Go内嵌静态资源

    Go内嵌静态资源静态资源嵌入在程序里,原因无外乎以下几点: 布署程序更简单。传统部署要么需要把静态资源和编译好的程序一起打包上传,要么使用docker和dockerfile自动化. 运行中发生静态资源损坏或丢失往往会影响程序的正常运行. 可以自主控制程序需要的静态资源. 最常见的,比如一个混编网址的后端程序,本来需要把程序与它所需要的静态资源(html模版、css、js、图片)一起上传至生产服务器,同时还需要正确配置静态资源在服务器中的路径让程序能正常访问.现在我们将这些资源全部嵌入到程序中 golang1.16的官方内置版静态资源 想要嵌入静态资源,首先我们得利用embed这个新的标准库。 如何使用嵌入的静态资源 对于一个完整的嵌入资源,代码中的申明是这样的 1//go:embed resources/images/** 2var images embed.FS 3 4//go:embed

    1.7K20编辑于 2023-06-10
  • 来自专栏用户2442861的专栏

    SpringMVC访问静态资源

    但是我们常常会需要访问静态资源,如html,js,css,image等。 默认的访问的URL都会被DispatcherServlet所拦截,但是我们希望静态资源可以直接访问。该肿么办呢? <servlet-name>appServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> 静态资源访问 但是SpringMVC提供了更为便捷的方式处理静态资源。 解决方案: 直接在servlet-context.xml中添加资源映射。 我的开发环境: 1、Eclipse Luna SP1 2、Springsource-tool-suite 3.6.4  修改servlet-context.xml,添加resource映射即可。 两个*,它表示映射resources/下所有的URL,包括子路径(即接多个/) 这样我们就可以直接访问该文件夹下的静态内容了。

    2.4K10发布于 2018-09-19
  • 来自专栏T客来了

    Nginx专题-静态资源

    章节目录 静态资源分类 CDN场景 nginx作为静态资源web服务_配置语法 浏览器缓存 服务器端设置浏览器缓存过期实践 跨站访问 静态资源分类 静态资源:非服务器动态运行生成的文件 类型 种类 浏览器端渲染 nginx作为静态资源web服务_配置语法 配置语法-tcp_nopush 要求实时性不高的场景下使用,不着急返回给客户端 语法:tcp_nopush on | off; 默认配置:tcp_nopush on; 可配置模块:http、server、location 作用:keepalive连接下,提高网络包的传输实时性 配置语法-压缩 解压(浏览器端)---------------->压缩(nginx静态资源服务端 ,提高静态资源快速响应的能力,提高服务端的处理效率 浏览器缓存 http协议定义的缓存机制 如:Expires;cache-control等 校验过期机制 校验是否过期 Expires-1.0、Cache-Control /默认是关闭的 可配置项:http、server、location、if in location 配置实践 1. touch /etc/nginx/conf.d/static_server.conf 2.

    1.7K20发布于 2020-04-08
  • 来自专栏MeowRain的博客

    nginx配置静态静态资源服务器

    第一步:在conf文件夹下创建blog.conf图片第二步:在nginx目录下创建blog文件夹图片第三步: 上传静态网站文件到blog文件夹内图片第四步:配置blog.confserver {

    4.6K30编辑于 2022-06-23
  • 来自专栏Java后端开发博客

    Nginx 静态资源部署

    # Nginx 静态资源部署 引言 静态资源如何部署?本内容带你了解静态资源相关的操作和内容。 静态资源指令配置、静态资源优化配置、静态资源压缩配置、静态资源缓存配置。 Nginx静态资源概述 静态资源指令配置 listen指令 server_name指令 匹配执行顺序 location指令 root/alias指令 index指令 error_page指令 静态资源优化配置 这个时候,我们所请求的内容就分为两种类型,一类是静态资源、一类是动态资源。 ,根据不同的条件展示在页面不同这 一部分内容,比如说报表数据展示、根据当前登录用户展示相关具体数据等资源; Nginx 处理静态资源的内容,我们需要考虑下面这几个问题: 静态资源的配置指令 静态资源的配置优化 静态资源的压缩配置指令 静态资源的缓存处理 静态资源的访问控制,包括跨域问题和防盗链问题 # 静态资源指令配置 # listen指令 该指令是用来配置监听端口。

    6.4K20编辑于 2022-12-25
  • 来自专栏我的博客

    Vue引入静态资源

    Vue引入静态资源官方文档  1、在js被导入或者在vue的template以及css中通过相对路径引入的,这样会被webpack处理  2、 放在public通过绝对路径引入,这类资源将会直接被拷贝  引入图片示例  1、相对路径引入 //经过编译之后 2、使用v-bind指令 编译后 用绝对路径引入图片资源都会简单复制到编译后的目录中

    1.5K20发布于 2019-12-10
  • 来自专栏学习笔记持续记录中...

    SpringMVC-处理静态资源

    若将DispatcherServlet 请求映射配置为/,则SpringMVC 将捕获WEB容器的所有请求,包括静态资源的请求,SpringMVC会将他们当成一个普通请求处理因此找不到对应处理器将导致错误 ,可以在SpringMVC的配置文件中配置<mvc:default-servlet-handler/>的方式解决静态资源的问题。 DefaultServletHttpRequestHandler,它会对进入DispatcherServlet的请求进行筛查,如果发生是没有既让过映射的请求,就将该请求交由WEB应用服务器默认的Servlet处理,如果不是静态资源的请求

    81020发布于 2020-03-17
  • 来自专栏Java 学习

    Nginx 搭建静态资源服务

    1.1 静态网页服务   首先将静态的 web 上传到服务器之后,在 /nginx/conf 目录中修改 nginx.conf 文件,参考如下,修改完毕后进入 /nginx/sbin 目录中执行 nginx 然后请求对应 ip/域名 + 端口 + 资源 地址就可以访问到网页。 监听指定的 IP 地址和端口号 listen IP_address:监听指定 IP 地址所有端口 listen port:监听该端口的所有 IP 连接 1.2 图片/视频服务   图片、视频服务与静态网页服务配置一样

    5K40发布于 2020-09-28
  • 来自专栏andychai

    前端静态资源缓存策略

    本文旨在与大家分享在单页应用中使用纯前端手段加速静态资源的获取,从而达到页面加速。 量化静态资源,分析问题所在 先让我们看看资源列表: [9a44b01bc0094352cb5abf0ecc3e7810.png] 那么对于前端静态资源的度量,就有了一个量化: 总资源大小 必要资源加载 缓存方式制定 现在我们商城已经去掉了swiper.js,但当时由于时间紧急,我们使用折中的方式: 由前端自行主动发起网络请求获取所需的静态资源,并存储在前端持久化介质中,自行管理维护静态资源版本,形成一套可被其他前端项目复用的 ,后者是存放资源的时间和版本信息: { "version": "3a9dcc63a7d9dbf123134a0d23ac0dc2", // 资源hash "createTime": 1519458466451 * 2.批量导入资源 * @param {Array} files 资源文件列表:[{src: ***, version: ***},

    3.8K90发布于 2018-10-19
领券