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

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

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

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

基于摘要里的,在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就是开发环境了

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

云服务器 GPU云服务器 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
React搭建个人博客（二）consul-template+nginx+docker实现负载均衡

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

Coding01 2019-07-25 14:48 评论0 收藏0