首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我想要http2_push所有的js和css文件在一个目录下,我该怎么做?

要实现http2_push所有的js和css文件在一个目录下,可以按照以下步骤进行操作:

  1. 首先,确保你的服务器支持HTTP/2协议。HTTP/2是一种新的网络协议,可以提供更快的网页加载速度和更高的性能。
  2. 在服务器上创建一个目录,用于存放所有的js和css文件。可以将这个目录命名为"assets"或者其他合适的名称。
  3. 将所有的js和css文件放置在这个目录下。确保文件名具有描述性,以便于管理和维护。
  4. 在服务器的配置文件中,启用HTTP/2 Push功能。具体的配置方法可能因服务器而异,以下是一个示例:
  5. 在服务器的配置文件中,启用HTTP/2 Push功能。具体的配置方法可能因服务器而异,以下是一个示例:
  6. 这个配置指令告诉服务器启用HTTP/2 Push功能。
  7. 在服务器的配置文件中,配置HTTP/2 Push的规则。具体的配置方法可能因服务器而异,以下是一个示例:
  8. 在服务器的配置文件中,配置HTTP/2 Push的规则。具体的配置方法可能因服务器而异,以下是一个示例:
  9. 这个配置指令告诉服务器在响应HTML请求时,同时推送相关的css和js文件。
  10. 保存服务器的配置文件,并重新加载服务器配置,使配置生效。
  11. 确保你的网页中引用的js和css文件的路径正确。例如,如果你的网页文件位于根目录下的index.html文件中,可以使用相对路径引用这些文件:
  12. 确保你的网页中引用的js和css文件的路径正确。例如,如果你的网页文件位于根目录下的index.html文件中,可以使用相对路径引用这些文件:
  13. 这样,当浏览器请求index.html时,服务器将会自动推送相关的css和js文件。

通过以上步骤,你就可以实现http2_push所有的js和css文件在一个目录下的需求。请注意,具体的配置方法可能因服务器而异,你需要根据你所使用的服务器进行相应的配置。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Web标准中的常见问题

假设你只使用键盘会怎样(只能通过TAB遍历所有的链接表单项)?你在这个页面如何访问到Music目录下的其他页面?NO WAY!...但是又不想每个页面左下角的图案都相同,所以,想要在此页显示的背景写在这里。而如果这里什么也不写会怎么样呢?不用慌张,页面仍然会呈现定义/music/inc/main.css文件中的背景。...文件如何组织?是否一个页面对应一个Css文件 首先,想说明,对于文件的组织,每个人都会有不同的做法,这里只是提出的做法,给大家参考。...的做法是这样的: 根目录下放置一个 [inc],将所有的.css,.js,.ascx都放进去,而把.swf都放到[images],取消[pic]目录,仅留[images]目录,因为这两个目录功能太相似...另一个叫index.css,这个主要包括了index页有的样式。 接下来我们考虑 /music/o2jam.aspx 这个页面的样式文件如何存放。

1.2K50
  • Angular CLI 简介

    ), 那就会进行一个全局的配置, 这个配置会保存在一个文件里(如果还没有任何去安居配置的情况下这个文件并不存在), 这个文件应该在users/xxx目录下, mac的话应该在home目录下....然后试试添加一个component, 目的是要在login module进行声明: 可以看到我要创建的welcome component默认是app.module里面进行声明的, 这时候如果想要在...maps 生成 不生成 如何处理css 全局css输出到js文件 生成的是css文件 uglify 不 是 Tree-Shaking 不去掉无用代码 去掉无用代码 AOT 不 是 Bundling打包...s 随机的端口编译serve 默认true --specs -sp 默认是执行所有的spec文件, 如果想执行某个spec就使用这个参数, 默认是all --webdriver-update -wu...看一下项目: 配置文件protractor.conf.js已经配置好. 而测试文件e2e目录下.

    6.1K110

    grunt入门笔记

    以下内容分别是:grunt安装配置grunt压缩一个js的实例分析grunt 美化、压缩、合并代码文件或者代码文件夹里所有代码文件的代码实例grunt的安装与配置grunt的安装grunt 依赖Node.js...注意:grunt-cli并不是grunt工具本身,只是安装了这个工具,而是用来调用gruntfile.js同一目录的grunt。真正的grunt是安装在项目目录下面的。...grunt的配置grunt如果正常使用,目录下面必须要有两个文件package.jsongruntfile.js。分别简单介绍配置这两个文件的方法。...grunt任务一些基本模板上面的事例只能压缩单个文件,如果想要压缩develope文件夹里面的所有js,然后把压缩后的代码放到js文件里面怎么做呢?很简单!...} } ] } }如果想要把三个js文件合并成一个js文件怎么写呢?

    1.2K50

    hexo博客添加到桌面应用程序

    PWA插件 npm i hexo-pwa --save 修改博客根目录下配置文件(非主题配置文件) manifest 生成地址: Web App清单生成器,如无法打开直接复制的即可 # hexo添加PWA...js/regexp /\// strategy: networkFirst priority: 5 详细配置请参考GitHub官方库,这里不做介绍 博客\blog\source\...可以通过属性来控制浏览器 UI 的颜色。比如 PWA 启动画面上状态栏、内容页中状态栏、地址栏的颜色,会被 theme_color 影响。...blog\source\sw.js录下添加sw.js,键入以下内容 importScripts('https://g.alicdn.com/kg/workbox/3.3.0/workbox-sw.js...,所有只添加了512px/128px,如你想要添加所有的格式,按照以上格式复制即可 将上述图片放到对应的目录下,并修改 _config.yml manifest.json 与之对应 推荐图片大小转换网站

    73530

    如何创建可扩展可维护的前端架构

    一个模块都被完全包含。然而,如果用户想要使用一个应用,而非几个小应用,就会有一些藕合。耦合存在于特定的特性或业务逻辑中。有几个特性可以模块间共享。你可以将该逻辑放在应用层。...查看项目的结构时,我们可以遵循如下所示的内容。应用层的所有代码都在 app 目录下。并且所有的模块都有一个目录,位于 modules 目录下。...很多人都使用 CSS-in-JS 或样式组件之类的东西,但是更喜欢普通的 CSS。为什么呢?无需 JavaScript,我们可以使用 CSS HTML 解决很多 UI 问题。...添加 interface.js 文件,用于存储模块的应用。这个文件描述了如何访问存储中的数据。 index.js 作为 app 目录的 index.js。...再一次强调一下,这是一种高级模式,仅当你想要走微型前端路线或者需要的时候。 5UI 组件剖析 还缺少最后一个细节层面,那就是 UI 组件的架构。以前的博文中已经对此进行过描述。

    1.7K20

    【架构】1131- 如何创建可扩展可维护的前端架构

    一个模块都被完全包含。然而,如果用户想要使用一个应用,而非几个小应用,就会有一些藕合。耦合存在于特定的特性或业务逻辑中。有几个特性可以模块间共享。你可以将该逻辑放在应用层。...查看项目的结构时,我们可以遵循如下所示的内容。应用层的所有代码都在 app 目录下。并且所有的模块都有一个目录,位于 modules 目录下。...很多人都使用 CSS-in-JS 或样式组件之类的东西,但是更喜欢普通的 CSS。为什么呢?无需 JavaScript,我们可以使用 CSS HTML 解决很多 UI 问题。...添加 interface.js 文件,用于存储模块的应用。这个文件描述了如何访问存储中的数据。 index.js 作为 app 目录的 index.js。...再一次强调一下,这是一种高级模式,仅当你想要走微型前端路线或者需要的时候。 5UI 组件剖析 还缺少最后一个细节层面,那就是 UI 组件的架构。以前的博文中已经对此进行过描述。

    84230

    Gulp探究折腾之路(I)

    js/app.js 从匹配结果中排除js/app.js,这种方法在你想要匹配除了特殊文件之外的所有文件时非常管用 *....js录下包含了压缩未压缩的JavaScript文件,现在我们想要创建一个任务来压缩还没有被压缩的文件,我们需要先匹配目录下有的JavaScript文件,然后排除后缀为.min.js文件: gulp.src...而根据当前的 gulp 配置,每次发生修改,都会全量检测一遍所有的文件的语法问题,实际上已存在的问题并不想在本次提交中修复(同时也是其他同事写的,例如不加分号问题,改动量太大)。...静态网站 如果您想要监听.css文件, 您需要使用服务器模式。...例如我们再加入一个.html文件 // --files 路径是相对于运行命令的项目(目录) browser-sync start --server --files "css/*.css, *.html

    1.8K80

    Vue 项目之 Webpack 中 PostCSS 工具的使用(1)

    文件的处理,处理 less 文件类似,处理 sass、stylus 也只需安装对应的工具再进行配置即可,具体可以查看官方文档:webpack.js.org/loaders/sas… 以及 webpack.js.org...npm install autoprefixer -D 复制代码 工具都准备好了,还差个需要转换的 css 文件,我们项目目录下新建一个 test.css 文件文件内容如下: .title {...上面的命令表示:使用局部安装的 PostCSS 并使用 autoprefixer 插件对当前目录下的 test.css 文件进行转换,转换结果输出到当前目录下的 demo.css 文件中。...成功执行上面的命令后,就会看到项目目录下新生成了一个 demo.css 文件,里面的内容如下: .title { -webkit-user-select: none; -moz-user-select...当然,关于浏览器前缀的有关问题,比如何时加何时不加,这跟浏览器查询 browserslist 工具有关,具体可以阅读之前写过的一篇文章:深入 Webpack5 等构建工具系列二(7) - 浏览器兼容性

    1K00

    博客添加暗色主题切换功能,从主题切换聊聊前后端cookies的使用

    A:主题其实就是一套静态资源(cssjs、img),大部分的主题切换就是换了一套 css 样式而已,所以,想要做到主题切换,需要提供一套有别于现有的主题 css 样式。...比如提供 css 样式,你可以有的 css 文件的基础上面单独添加一份 css 文件加载到当前页面,也可以直接在原有的 css 文件中写一套样式,然后切换主题的时候可能只需要在页面中给整个个 body...具体的 css 样式这里就不一一描述了,想要看具体样式的可以直接看我源码,这里只说添加样式的时候需要注意的几个非常关键的地方。...想要解决这个问题,那就只能让 css 文件不要通过 js 方法去加载,这样才能保证主题的覆盖没有过程。...具体怎么做,其实就是 django 模板中调用 cookies 属性,然后根据当前用户的 cookies 中的值来判断是否加载新的 css 文件。具体看看这几行代码就够了: <!

    55710

    从零搭建基于react与ts的组件库(一)项目搭建与封装antd组件

    迫于技术洁癖,希望更多的开发小伙伴能够真正的理解一个项目搭建各个方面的细节,做到面对对于工程出现的错误能够做到有把握。 最近使用阿里低开引擎的时候,想要封装一套组件库作为物料给低开引擎引入。...阶段演示1:基于TypeScript的React组件项目的webpack配置可行性 编写组件代码 新增src目录,src目录下添加index.tsx(用于将所有的组件导出) src目录下添加components...,会生成一个r-ui.umd.js文件。...效果演示 想要查看效果,可以dist目录下添加如下的html: <!...处理css样式代码,进行适当加工; mini-css-extract-plugin。MiniCssExtractPlugin的loader用于进一步处理css,并且插件用于导出独立样式文件

    91331

    后端视野学 Webpack ,文武双全?

    大家好,是小菜。一个希望能够成为 吹着牛X谈架构 的男人!如果你也想成为想成为的人,不然点个关注做个伴,让小菜不再孤单!...pom.xml 文件 Maven 工程中我们通常上都是把源代码放在 src 目录底下, webpack 工程类似,因此我们下一步便是录下创建 src 目录,继而创建两个文件 index.html...就在项目目录中生成了一个 dist 目录,并存在 main.js 脚本文件 我们继而在 index.html 文件中引入 main.js 文件,先直接看结果,我们右键浏览器打开 可以发现,js...我们不妨一试: 当我们想要通过 import 的方式导入 css文件,控制台却给了我们一句话 :你可能需要一个适当的loader来处理这种文件类型,适当的?loader?。...~然后通过指令 npm run build,我们就可以项目的根路径下看到我们熟悉的 dist 目录了 但是如果没有指定的规则配置,默认会将打包后的文件都放到 dist 目录下,但是如果我们想要js

    57950

    显微镜下的webpack4:路径操作

    对于打包工具来说,最简单也是最复杂的操作莫过于路径的安排了,原本都在src下的资源,想要打包到dist目录下,但是打包出来的文件路径甚不如人意。...明明想要分门别类地放置文件文件,然后却像大杂烩一样js,html,css甚至图片都混在了一起。虽然打包之后运行没什么问题,但是这是要逼死强迫症患者啊。...为了能够深入了解我们的文件打包去哪儿了,建了一个比较变态的文件目录。 ? JS生成路径 JS在这个过程中是最好控制的,根据配置的entryoutput既可以轻松控制来龙去脉。...output.filename不仅仅可以命名,如果你想要js放在特定目录下可以在这里配置,就像这样filename:"scripts/[name].js",这样就会在dist目录下生成一个scripts...它主要的生成配置是filename:"styles/[name].css",这否觉得似成相识,webpack的output.filename的配置一样,可以将css打包至styles文件夹之下。

    84420

    重学SpringBoot系列之整合静态资源与模板引擎

    但是java模板引擎,仍然是使用的服务器端的渲染技术,也就是没有办法将html页面后台服务层面全面解耦,这就要求前端工程师后端工程师一个项目结构下工作,而且前端工程师及其依赖于后端的业务数据,页面无法脱离于后端请求数据浏览器独立运行...就冲这一点,就个人而言,ThymeLeaf完全不在的考虑范围之内。另外,ThymeLeaf2.0的性能非常差,为人诟病,Thymeleaf3.0虽然有所改善,但是没有颠覆性的变化。...当然,还有一个建议,去学LayUI等前端框架,或者去学vue、angularjs、reactjs,不要用纯java模板引擎,这些东西用的会越来越少。 上图是百度指数,技术的火爆程度一了然!...、数学运算、布尔逻辑运算等。...的语法,那么如果我们需要在javascript里面获取变量的值(使用之前所讲的表达式),怎么做

    5.2K30

    三分钟学会用SpringMVC搭建最小系统(超详细)

    有的源代码jar包都会在最后给出。 其他环境: 操作系统:Windos 10 Tomcat : v7.0 JDK : 1.7 正文 1. 新建一个项目 ?...注意,这里的路径是相对于web.xml来说的,也就是说,这个文件WEB-INF的根目录下。 所以,我们需要在WEB-INF的根目录下新建一个dispatcher-servlet.xml文件。 ?...所有的静态资源文件,比如说 jscss , images 都需要放在/resources目录下,这个目录现在我们还没有建。...所有的展示页面,比如jsp文件,都需要放置/WEB-INF/pages目录下,这个目录现在我们也没有建。 OK,我们把对应的目录加上。 首先是Java文件的目录。 ?...然后顺便把jscss,img的文件夹都建一下,这里就存放我们的静态资源文件。 ? Paste_Image.png 最后,我们WEB-INF目录下一个pages文件夹,作为展示页面的存放目录。

    91480

    项目中是这样配置Vue的

    ,css文件变得更小,加载更快。...gzip是Web世界中使用的最为广泛的文件压缩算法,当前我们使用的大多数服务端(比如nginx)客户端(比如chrome)都已经支持了这个算法,所以如果我们在打包Vue项目的时候,可以直接将所有的静态资源压缩为...添加vue.config.js 文件 新建Vue项目中,默认是没有vue.config.js文件的,首先你需要在项目根目录新建一个vue.config.js文件,然后文件中加入以下代码 module.exports...,所以我们更希望的是在生产环境,将所有的console.log清除掉,怎么做呢?...lint-staged是一个git暂存文件上运行linters的工具,为什么要用这个工具呢,因为我们提交代码的时候,只需要对已经修改过的文件进行校验,不然检查所有文件,比较浪费时间。

    88830

    三分钟学会用SpringMVC,从精通到上瘾,你都干了什么?

    验证web项目是否搭建成功 为了验证到目前为止的正确性,我们WebContent目录下面新建一个jsp文件。...注意,这里的路径是相对于web.xml来说的,也就是说,这个文件WEB-INF的根目录下。 所以,我们需要在WEB-INF的根目录下新建一个dispatcher-servlet.xml文件。...所有的静态资源文件,比如说 jscss , images 都需要放在/resources目录下,这个目录现在我们还没有建。...所有的展示页面,比如jsp文件,都需要放置/WEB-INF/pages目录下,这个目录现在我们也没有建。 OK,我们把对应的目录加上。 首先是Java文件的目录。...然后顺便把jscss,img的文件夹都建一下,这里就存放我们的静态资源文件。 最后,我们WEB-INF目录下一个pages文件夹,作为展示页面的存放目录。

    54320

    Hugo系列(3.0) - LoveIt主题美化与博客功能增强 · 第一章

    首先在站点根目录下创建一个自定义的文件:\assets\css\_custom.scss,这样Hugo就会最终以该文件来渲染页面的样式。...首先在站点根目录下创建一个自定义的JavaScript文件:\static\js\custom.js。这个文件需要在body的闭合标签之前引入,并且要在theme.min.js的引入顺序之后。...这是的custom.js文件,有兴趣的可以看看。...方法很简单: 站点根目录的目录下,新建一个文件夹,比如文件夹。然后文件夹里新建一个文件,该文件将作为站点访问目录的页面,你可以将其当成一篇特殊的文章。...站点根目录下新增一个文件:/assets/css/_partial/_single/_friend.scss,内容如下: 1 2 3 4 5 6 7 8 9 10

    2.4K21
    领券