详解nginx过滤url实现前台js的配置问题
更新时间：2017年01月23日 09:54:56 作者：Crazy_Coder
本篇文章主要介绍了nginx过滤url实现前台js的配置问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我们在开发的过程中,可能需要一些配置,这些配置可能就是仅仅为了开发的方便,比方说,订单过期时间,生产环境需要半小时失效,但是真正开发时,我不可能等上个半小时,所以这个时间这个失效时间我们会写在配置文件中,这样开发环境和生产环境各一套配置,来回切换很方便的.
基于摘要里的,在Java后台实现很方便,只需要读取properties配置文件即可
但是在前台js,js是在浏览器里执行的,无法读取服务器上的配置,除非请求后台,但是每次的开销也是挺大的,所以这个想法被ps了
这时候可以利用nginx,前台静态页面是部署在nginx中,所以我们可以配置nginx过滤某个js的url,然后指向我们需要的文件
前台代码
index.html
<!-- 即配置文件 -->
<script src="/config.js"></script>
<!-- 动态加载js -->
<script type="application/javascript">
if (config.devMode == 'dev') {
loadJs("开发环境的js");
} else {
loadJs("开发环境的js");
}
function loadJs(url, callback) {
// 实现
}
</script>
配置文件(生产环境配置和开发环境的配置在不同路径下,但是文件名同名)
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就是开发环境了
这样就可以实现配置的功能了
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
宝塔里nginx自动停止的解决方法(检测脚本实现每分钟检测并自动启用)
nginx突然停止的原因有多种,这里不列举,可以排查具体原因,这里主要为大家分享nginx服务的检测脚本,达到自动启用的实现2025-02-02
本文主要介绍了Nginx常见的几种回源方式实现,通过Nginx回源文件至本地机房,域名解析采用内外网单独解析,外地办公同事可以通过CDN进行更新,感兴趣的可以了解一下2024-02-02
GZIP就是将文件压缩传输，图片、视频、大文件不建议使用压缩，压缩需要占用你的服务器资源，压缩完效果也不大，今天通过本文给大家如何用好Nginx的gzip指令，感兴趣的朋友一起看看吧2022-05-05
使用Nginx作为Web缓存服务器,能有效减少数据传输、节省网络流量、加快响应速度、减轻服务器压力、提高服务端可用性,本文就来介绍一下nginx配置文件不使用缓存的方法,感兴趣的可以了解一下2024-11-11
文章介绍了如何配置Nginx以访问本地静态资源、图片和视频,首先,进入Nginx安装目录并打开`nginx.conf`文件,添加一个新的`server`配置来指定本地路径,然后,通过命令行重启Nginx服务以应用更改,最后,通过浏览器访问配置的图片路径来验证配置是否成功2025-01-01
这篇文章主要介绍了nginx 基本配置与参数说明详细介绍的相关资料,需要的朋友可以参考下2016-10-10
本文主要介绍了nginx配置wss协议的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-03-03
这篇文章主要介绍了Nginx出现403错误,应该如何解决？具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家介绍了服务器nginx权限被拒绝解决案例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了Nginx搭建负载均衡集群的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
最新评论