欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解nginx過濾url實現(xiàn)前臺js的配置問題

 更新時間:2017年01月23日 09:54:56   作者:Crazy_Coder  
本篇文章主要介紹了nginx過濾url實現(xiàn)前臺js的配置問題,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

我們在開發(fā)的過程中,可能需要一些配置,這些配置可能就是僅僅為了開發(fā)的方便,比方說,訂單過期時間,生產(chǎn)環(huán)境需要半小時失效,但是真正開發(fā)時,我不可能等上個半小時,所以這個時間這個失效時間我們會寫在配置文件中,這樣開發(fā)環(huán)境和生產(chǎn)環(huán)境各一套配置,來回切換很方便的.

基于摘要里的,在Java后臺實現(xiàn)很方便,只需要讀取properties配置文件即可

但是在前臺js,js是在瀏覽器里執(zhí)行的,無法讀取服務(wù)器上的配置,除非請求后臺,但是每次的開銷也是挺大的,所以這個想法被ps了

這時候可以利用nginx,前臺靜態(tài)頁面是部署在nginx中,所以我們可以配置nginx過濾某個js的url,然后指向我們需要的文件

前臺代碼

index.html

<!-- 即配置文件 -->
<script src="/config.js"></script>
<!-- 動態(tài)加載js -->
<script type="application/javascript">
  if (config.devMode == 'dev') {
    loadJs("開發(fā)環(huán)境的js");
  } else {
    loadJs("開發(fā)環(huán)境的js");
  }  

  function loadJs(url, callback) {
    // 實現(xiàn)
  }
</script>

配置文件(生產(chǎn)環(huán)境配置和開發(fā)環(huán)境的配置在不同路徑下,但是文件名同名)

var config = {
  // 或者 prd
  devMode: 'dev',
  // 還可以配置請求后臺的url前綴
  serverUrl: 'http://dev.company.com'
  // serverUrl: 'http://api.company.com'
}

nginx的配置

server {
  listen    80;
  server_name www.company.com;

  location / {
    root /Users/sunhao/Documents/company/project;
    index index.html;
    try_files $uri $uri/ /index.html;
    expires -1;
  }
}
server {
  listen    80;
  server_name debug.company.com;

  location / {
    root /Users/sunhao/Documents/company/project;
    index index.html;
    try_files $uri $uri/ /index.html;
    expires -1;
  }

  location ~ .flower\.js$ {
    root /Users/sunhao/Documents/company/project/js;
  }
}

前一個server配置的是生產(chǎn)環(huán)境,正常配置

后一個,過濾flower.js,定向到另外一個文件夾下

訪問www.company.com就是正式環(huán)境

訪問debug.company.com就是開發(fā)環(huán)境了

這樣就可以實現(xiàn)配置的功能了

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • nginx虛擬主機配置實例詳解

    nginx虛擬主機配置實例詳解

    這篇文章主要介紹了nginx虛擬主機配置實例詳解的相關(guān)資料,需要的朋友可以參考下
    2017-06-06
  • 解讀nginx反向代理location和proxy_pass的映射關(guān)系

    解讀nginx反向代理location和proxy_pass的映射關(guān)系

    這篇文章主要介紹了解讀nginx反向代理location和proxy_pass的映射關(guān)系,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-01-01
  • Nginx下301重定向域名的方法小結(jié)

    Nginx下301重定向域名的方法小結(jié)

    在網(wǎng)站建設(shè)中需要網(wǎng)頁重定向的情況很多:如網(wǎng)頁目錄結(jié)構(gòu)變動,網(wǎng)頁重命名、網(wǎng)頁的擴展名改變、網(wǎng)站域名改變等。
    2010-08-08
  • Nginx 過濾靜態(tài)資源文件的訪問日志的實現(xiàn)

    Nginx 過濾靜態(tài)資源文件的訪問日志的實現(xiàn)

    這篇文章主要介紹了Nginx 過濾靜態(tài)資源文件的訪問日志的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • Nginx配置Gzip的實現(xiàn)步驟

    Nginx配置Gzip的實現(xiàn)步驟

    本文詳細(xì)介紹了如何在Nginx中配置Gzip壓縮,以減小傳輸?shù)奈募笮?提高網(wǎng)頁加載速度,具體步驟包括找到并編輯Nginx配置文件,添加或修改Gzip配置,檢查配置并重啟Nginx,驗證Gzip壓縮是否生效等,感興趣的可以了解一下
    2024-10-10
  • NGINX下配置404錯誤頁面的方法分享

    NGINX下配置404錯誤頁面的方法分享

    NGINX下配置自定義的404頁面是可行的,而且很簡單,只需如下幾步,需要的朋友可以參考下
    2012-11-11
  • Nginx基于漏桶算法配置限流詳解

    Nginx基于漏桶算法配置限流詳解

    這篇文章主要為大家介紹了Nginx基于漏桶算法配置限流詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-10-10
  • Nginx緩存設(shè)置案例詳解

    Nginx緩存設(shè)置案例詳解

    這篇文章主要介紹了Nginx緩存設(shè)置案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-09-09
  • Nginx+Tomcat負(fù)載均衡及動靜分離群集的實現(xiàn)

    Nginx+Tomcat負(fù)載均衡及動靜分離群集的實現(xiàn)

    本文主要介紹了Nginx+Tomcat負(fù)載均衡及動靜分離群集的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • nginx如何將http訪問的網(wǎng)站改成https訪問

    nginx如何將http訪問的網(wǎng)站改成https訪問

    這篇文章主要介紹了nginx如何將http訪問的網(wǎng)站改成https訪問,幫助大家更好的理解和使用nginx,感興趣的朋友可以了解下
    2021-02-02

最新評論