本篇內(nèi)容介紹了“怎么升級nginx支持HTTP/2服務(wù)端推送”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

治多網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

升級nginx到1.14.0

1、配置nginx官方的yum源。創(chuàng)建配置文件 /etc/yum.repos.d/nginx.repo ，寫入如下內(nèi)容

[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、驗(yàn)證nginx版本

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

修改nginx配置

在原有的配置上，加上 http2_push_preload on; 。當(dāng)nginx檢測到 link 響應(yīng)首部時，會主動往客戶端推送資源。

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

修改wordpress主題

nginx的 http2_push_preload 需要應(yīng)用服務(wù)的配合。比如我要主動推送 index.js 這個文件，那么需要加上如下響應(yīng)首部：

link: ; as=script; rel=preload

也可以同時推送多個文件，比如：

link: ; as=script; rel=preload, ; as=style; rel=preload

具體到wordpress，可以加上如下代碼：

function add_http2_push_header() {
  $preload_resource_array = array(
    '; as=script; rel=preload',
    '; as=style; rel=preload'
  );
  $preload_link_value = join( ', ', $preload_resource_array );

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

瀏覽器驗(yàn)證

升級之前，不支持服務(wù)端推送。

升級之后，支持服務(wù)端推送。

“怎么升級nginx支持HTTP/2服務(wù)端推送”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！