怎么升级nginx支持HTTP/2服务端推送

本篇内容介绍了“怎么升级nginx支持HTTP/2服务端推送”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

治多网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联建站自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

升级nginx到1.14.0

1、配置nginx官方的yum源。创建配置文件 /etc/yum.repos.d/nginx.repo ，写入如下内容

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1

2、更新nginx

yum update

3、重启nginx

systemctl restart nginx

4、验证nginx版本

$ curl -i 127.0.0.1
http/1.1 301 moved permanently
server: nginx/1.14.0

修改nginx配置

在原有的配置上，加上 http2_push_preload on; 。当nginx检测到 link 响应首部时，会主动往客户端推送资源。

location ~ \.php$ {
  # ...省略其他配置
  http2_push_preload on; # 加上这行
}

修改wordpress主题

nginx的 http2_push_preload 需要应用服务的配合。比如我要主动推送 index.js 这个文件，那么需要加上如下响应首部：

link: </index.js>; as=script; rel=preload

也可以同时推送多个文件，比如：

link: </index.js>; as=script; rel=preload, </index.css>; as=style; rel=preload

具体到wordpress，可以加上如下代码：

function add_http2_push_header() {
  $preload_resource_array = array(
    '</index.js>; as=script; rel=preload',
    '</index.css>; as=style; rel=preload'
  );
  $preload_link_value = join( ', ', $preload_resource_array );

  header( 'link: '.$preload_link_value ); 
}
add_action( 'send_headers', 'add_http2_push_header' );

浏览器验证

升级之前，不支持服务端推送。

怎么升级nginx支持HTTP/2服务端推送