详解nginx过滤url实现前台js的配置问题

<!-- 即配置文件 -->
<script src="/UploadFiles/2021-04-10/config.js">

配置文件(生产环境配置和开发环境的配置在不同路径下,但是文件名同名)




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配置的是生产环境,正常配置


后一个,过滤flower.js,定向到另外一个文件夹下


访问www.company.com就是正式环境


访问debug.company.com就是开发环境了


这样就可以实现配置的功能了


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。