分类：静态资源

2022
05-17

webpack实现静态资源缓存的方法

目录引言区分一下几种不同的hashhashchunkhashcontenthash实现js缓存CommonsChunkPlugin不正确用法引起问题的原因实现css的缓存实现图片/字体的缓存参考引言静态资源缓存是前端性能优化的一个点，所以在前端开发过程中，一般会最大限度的利用缓存（这里主要是强缓存）。回到本文主题，在使用webpack构建的项目中，稍有不慎的话，即使服务器设置了缓存策略，可能构建的项目无法实现静态资源缓存。那么webpack怎样才能达到使用缓存的... 继续阅读 >

2022
05-15

使用springboot对外部静态资源文件的处理操作

目录springboot对外部静态资源文件的处理1、存方面倒还简单，这里贴上一个获取微信临时素材并保存的方法2、取，由于对springboot不熟悉，所以在这上面踩了坑主要使用到这2个配置之后，访问文件一直404SpringBoot2.x静态资源访问问题代码原理springboot对外部静态资源文件的处理springboot对外部资源文件的处理主要分为2部分，存和取，通过查看官方文件和看博客踩了坑之后终于搞定了，特此记录。1、存方面倒还简单，这里贴上一个获... 继续阅读 >

2021
01-08

浅析SpringBoot2.4 静态资源加载问题

标题index界面加载问题刚开始学习springBoot记录一下遇到的小问题1.index.html加载不出来的问题我习惯性的将index.html放在public包下而我使用了thymeleaf，它内置的视图解析器，屏蔽了springBoot的默认视图解析器，只会从templates包下读取视图资源，我将index.html拉到templates包下时就可以正常显示了2.static包下静态资源加载不出来的问题看了很多网上大多说的都是配置文件的问题，试了半天都不管用，静下心来从头整理一遍发现... 继续阅读 >

2020
11-06

Nuxt.js 静态资源和打包的操作

直接引入图片我们在网上任意下载一个图片，放到项目中的static文件夹下面，然后可以使用下面的引入方法进行引用。<div<imgsrc="~static/logo.png"></div>这时候在npmrundev下是完全正常的，那我们看一下打包。打包静态HTML并运行用Nuxt.js制作完成后，你可以打包成静态文件并放在服务器上，进行运行。在终端中输入：npmrungenerate然后在dist文件夹下输入live-server就可以了。总结：Nuxt.js框架非常简单，因为大部分的事情... 继续阅读 >

2020
11-03

SpringMVC静态资源访问问题如何解决

问题描述1.可以访问同一个文件夹下面的success.jsp文件，如图：2、却不能访问同一个文件夹下面的index.html文件，如图:问题分析项目里面的web.xml会继承tomcat下面的web.xmlDefaultServlet不生效，所以访问不了如何解决1、首先找到tomcat安装目录——>再找到conf目录——>找到web.xml文件2、在web.xml文件中找到DefaultServlet3、找到他的映射路径4、方式一注意事项参考图上的文字5、方式二DispatcherServlet出了问题，那么就... 继续阅读 >

2020
10-30

SpringBoot如何通过webjars管理静态资源文件夹

WebMvcAutoConfiguration添加资源映射：publicvoidaddResourceHandlers(ResourceHandlerRegistryregistry){if(!this.resourceProperties.isAddMappings()){logger.debug("Defaultresourcehandlingdisabled");}else{DurationcachePeriod=this.resourceProperties.getCache().getPeriod();CacheControlcacheControl=this.resourceProperties.getCache().getCachecontrol().toH... 继续阅读 >

2020
10-10

IDEA配置静态资源热加载操作(Springboot修改静态资源不重启)

第一步：修改file->settings->compiler->buildprojectautomatically第二步：按ctrl+shift+a，搜索Registry双击进去，点击面板搜索running，勾选下面的值：代码的热加载可以使用spring-boot-devtools，百度下就有很多，个人感觉不好用，修改代码需要重启项目，很烦，非常鸡肋，所以我不用，哈哈哈…补充知识：idea实现修改html等springboot下static目录静态资源重新加载对于前后端不分离项目来说，需要修改完js或者html代码后及时... 继续阅读 >

2020
10-10

简单了解SpringMVC缓存对静态资源有什么影响

我们知道在springmvc的配置中，可以添加缓存，但是缓存到底对静态资源有什么影响？测试没有添加缓存<mvc:resourcesmapping="/image/**"location="/WEB-INF/"/>添加了缓存<mvc:resourcesmapping="/image/**"location="/WEB-INF/"cache-period="2592000"/>结论网站第一次加载图片图片成功的状态是200，但是第二次加载图片的时候，如果没有使用缓存，则是200OK(fromcache)，而使用了缓存的则是304NotModified200与304两... 继续阅读 >

2020
10-10

SpringBoot+SpringSecurity 不拦截静态资源的实现

一、问题描述在SpringBoot中加入SpringSecurity中之后，静态资源总是被过滤，导致界面很难看：目录结构：二、问题解决正常不拦截资源，我查阅资料，基本都是重新config方法即可：packageorg.yolo.securitylogin.config;importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.springframework.security.config.annotation.authentication.builders.A... 继续阅读 >

2020
10-10

Mac环境Nginx配置和访问本地静态资源的实现

本地开发有时候需要调试静态文件资源，无法直接访问，可以通过配置本地Nginx服务的方式来进行，顺便记录一下Nginx的配置步骤安装<!--通过Brew安装：-->brewinstallnginx<!--启动：-->brewservicesstartnginx<!--查看配置：-->catusr/local/etc/nginx/nginx.conf<!--编辑配置：-->viusr/local/etc/nginx/nginx.confNginx命令：<!--启动：-->nginx<!--停止/重启-->nginx-sstop/start/restart配置文件文件地址：usr/l... 继续阅读 >

2020
10-10

SpringBoot中的静态资源访问的实现

一、说在前面的话我们之间介绍过SpringBoot自动配置的原理，基本上是如下：xxxxAutoConfiguration：帮我们给容器中自动配置组件；xxxxProperties:配置类来封装配置文件的内容；二、静态资源映射规则1、对哪些目录映射？classpath:/META-INF/resources/classpath:/resources/classpath:/static/classpath:/public//：当前项目的根路径2、什么意思？就我们在上面五个目录下放静态资源（比如：a.js等），可以直接访问（http://local... 继续阅读 >

2020
10-10

详解SpringBoot之访问静态资源(webapp...)

springboot访问静态资源，默认有两个默认目录，一个是 classpath/static目录(src/mian/resource)一个是ServletContext根目录下(src/main/webapp )这在里可能有小伙伴对classpath不怎么了解，这里简要的介绍下，classpath 即WEB-INF下面的classes目录，在springboot项目中可能就是，src/main/resource目录。1，classpath目录下-访问默认文件夹名为static目录截图：访问截图：这里有人就想说，我可不可以... 继续阅读 >

2020
10-10

vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作

Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。这是为什么？因为APP并没有跨域，不存在跨域一说。我们在开发的时候，js在不同的域之间进行数据传输或通信,所以会给项目设置代理来跨域config下的index.js比如这个proxyTable:{'/api':{target:'http://XXX/xxx/v3',changeOrigin:true,pathRewrite:{'^/api':''}}}在开发时这样做是没错的，但我们在打包时就不用设置这个跨域了... 继续阅读 >

2020
10-08

vue cli3.0打包上线静态资源找不到路径的解决操作

项目中遇到打包之后静态资源路径找不到，报如下错误：解决方法是：在项目的根目录下创建vue.config,js文件，在里面配置静态资源的路径，publicPath是配置静态资源路径的属性，vue.config,js文件的代码如下：module.exports={publicPath:'./'}补充知识：vue-cli3npmrunbuild打包后静态资源的配置vue.config.js的配置vue.config.js配置如下：constpath=require('path');constvConsolePlugin=require('vconsole-web... 继续阅读 >

2020
10-06

Springboot静态资源访问实现代码解析

springboot静态资源加载默认是从/static(或/public或/resources或/META-INF/resources)目录下加载静态资源。加载的优选级别：/META-INF/resources》/resources》/public》/static静态资源的加载源码分析（WebMvcAutoConfiguration类）首先从WebMvcAutoConfiguration.class自动配置类部分代码来看：//添加静态资源规则publicvoidaddResourceHandlers(ResourceHandlerRegistryregistry){if(!this.resourceProperties.isA... 继续阅读 >

2020
09-29

Django静态资源部署404问题解决方案

解决方法：1.首先你需要在自己的app下面创建2个目录static和templatesstatic下存放静态文件，templates下存放网页模板文件2.修改setting.py找到STATIC_ROOT=...在后面追加一行，然后保存3.html引入js4.前端验证5.后台验证以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自学编程网。 继续阅读 >