快捷導(dǎo)航

詳解nginx過(guò)濾url實(shí)現(xiàn)前臺(tái)js的配置問(wèn)題

更新時(shí)間：2017年01月23日 09:54:56 作者：Crazy_Coder

本篇文章主要介紹了nginx過(guò)濾url實(shí)現(xiàn)前臺(tái)js的配置問(wèn)題，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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

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

但是在前臺(tái)js,js是在瀏覽器里執(zhí)行的,無(wú)法讀取服務(wù)器上的配置,除非請(qǐng)求后臺(tái),但是每次的開(kāi)銷(xiāo)也是挺大的,所以這個(gè)想法被ps了

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

前臺(tái)代碼

index.html

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

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

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

var config = {
  // 或者 prd
  devMode: 'dev',
  // 還可以配置請(qǐng)求后臺(tái)的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;
  }
}

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

后一個(gè),過(guò)濾flower.js,定向到另外一個(gè)文件夾下

訪(fǎng)問(wèn)www.company.com就是正式環(huán)境

訪(fǎng)問(wèn)debug.company.com就是開(kāi)發(fā)環(huán)境了

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

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

您可能感興趣的文章: