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

hsluoyz 发布于2019-07-25 13:50 / 448人阅读

摘要：我们在开发的过程中可能需要一些配置这些配置可能就是仅仅为了开发的方便比方说订单过期时间生产环境需要半小时失效但是真正开发时我不可能等上个半小时所以这个时间这个失效时间我们会写在配置文件中这样开发环境和生产环境各一套配置来回切换很方便的基于摘

我们在开发的过程中,可能需要一些配置,这些配置可能就是仅仅为了开发的方便,比方说,订单过期时间,生产环境需要半小时失效,但是真正开发时,我不可能等上个半小时,所以这个时间这个失效时间我们会写在配置文件中,这样开发环境和生产环境各一套配置,来回切换很方便的.

基于摘要里的,在Java后台实现很方便,只需要读取properties配置文件即可

但是在前台js,js是在浏览器里执行的,无法读取服务器上的配置,除非请求后台,但是每次的开销也是挺大的,所以这个想法被ps了

这时候可以利用nginx,前台静态页面是部署在nginx中,所以我们可以配置nginx过滤某个js的url,然后指向我们需要的文件

前台代码

index.html

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

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就是开发环境了

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

超融合服务器专线服务 js前台url传中文 php实现oss的临时url js中打印前台返回的数据 nginx的安装与配置

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/39430.html

使用Docker部署Spring-Boot+Vue博客系统

摘要：先来看一下容器的文件中间一些操作省略这里用了多阶段构建容器，如果直接通过设置环境变量只会在后面一个阶段生效，但是是在第一个阶段执行的，所以环境变量不能应用到当中。在今年年初的时候，完成了自己的个Fame博客系统的实现，当时也做了一篇博文Spring-boot+Vue = Fame 写blog的一次小结作为记录和介绍。从完成实现到现在，也断断续续的根据实际的使用情况进行更新。只不过每...

Eirunye 2019-06-28 16:40 评论0 收藏0
全栈开发入门实战：后台管理系统

摘要：本文首发于平台，免费，链接全栈开发入门实战后台管理系统感谢你打开了这篇，在阅读之前，需要让你了解一些事情。后台管理系统更多是端的产品，通常是业务优先。本文首发于 GitChat 平台，免费 Chat，链接：全栈开发入门实战：后台管理系统感谢你打开了这篇 Chat，在阅读之前，需要让你了解一些事情。第一，本 Chat 虽然免费，不代表没有价值，我会将个人全栈开发的经历叙述给你，希...

mtunique 2019-08-01 13:59 评论0 收藏0
React搭建个人博客（二）consul-template+nginx+docker实现负载均衡

摘要：前两个数据业务相关的服务即下图的，第三个项目就是的实现的负载均衡。这里后台，前台项目各启动了三个实例，用户访问的时候，就会根据配置的负载均衡的策略，访问其中一个。这一部分与之前我转发的实现服务发现及网关其实也只是差了个网关和负载均衡。一.简介上一篇只讲了博客的前端问题，这一篇讲一下后端的微服务搭建。项目的后端使用的thinkjs框架，在我之前的博客中已经写过，这里就不重点说明了。后...

Coding01 2019-07-25 14:48 评论0 收藏0
React搭建个人博客（二）consul-template+nginx+docker实现负载均衡

摘要：前两个数据业务相关的服务即下图的，第三个项目就是的实现的负载均衡。这里后台，前台项目各启动了三个实例，用户访问的时候，就会根据配置的负载均衡的策略，访问其中一个。这一部分与之前我转发的实现服务发现及网关其实也只是差了个网关和负载均衡。一.简介上一篇只讲了博客的前端问题，这一篇讲一下后端的微服务搭建。项目的后端使用的thinkjs框架，在我之前的博客中已经写过，这里就不重点说明了。...

李增田 2019-07-23 16:25 评论0 收藏0
BMPlatform：一个在mac上部署nginx,tornado,django,php以及mysq

摘要：项目地址部署的方案都在脚本里头，说明如下使用方法版本简单介绍是一个利用转发操作系统中部署的基于框架和框架以及一个的服务。个服务是部署在环境中，通过和进行发送和接收消息。在前台以及整个主要利用去操作。项目地址：https://github.com/yuyangit/BMProject 部署的方案都在脚本里头，说明如下： BMPlatform使用方法版本 v0.2 1.简单介绍...

骞讳护 2019-07-31 15:52 评论0 收藏0