阿里云-云小站(无限量代金券发放中)
【腾讯云】云服务器、云数据库、COS、CDN、短信等热卖云产品特惠抢购

通过Nginx部署前端代码实现前后端分离

106次阅读
没有评论

共计 1728 个字符,预计需要花费 5 分钟才能阅读完成。

实现前后端分离,可以让前后端独立开发、独立部署、独立单测,双方通过 JSON 进行数据交互。

对于前端开发人员来说,不用每次调试都需要启动或配置 Java/Tomcat 运行环境;对于后端开发人员来说,也不用在需要往 JSP 页面注入数据。

通过 nginx 来部署前端代码,可以帮助前端实现以下基本需求:

1、请求转发,解决请求跨域的问题

server {

        listen      7777;

        location /{

            root  /Users/xiaoyun/git/someproject/dist;

        }

        location /api/v1{

              proxy_set_header Host api.yourhost.com;

                proxy_pass http://api.yourhost.com/api/v1/;

        }

        location /api/v2{

                proxy_pass  http://api.yourhost.com/new;

        }

    }

以上是一段 nginx 配置参考:

listen    nginx 服务端口号

location  /    设置默认根目录所访问的本地代码路径,这里还可以设置默认主页 index

proxy_pass  请求转发,可以配置多个,从上至下进行匹配

以第一个配置为例,即所有本地以 /api/v1 开头的请求都会转发至对应线上服务器,

例如  http://localhost:7777/api/v1/getConfig 则会自动转发自 http://api.yourhost.com/api/v1/getConfig

另外,还需要注意的是,proxy_pass 配置的路径如果是以 / 结尾,如上面的配置 v1,那么此时路径为相对路径,否则为绝对路径

例如 v2 的转发配置:

如果请求 http://localhost:7777/api/v1/user/list  则会转发自 http://api.yourhost.com/new/user/list,不会带有原路径的 /api/v2

2、gzip 请求压缩

网站开启 gzip 压缩,不仅能够节省带宽,也能够快速响应用户的访问

——————————————————————————–

http{

gzip  on;

gzip_proxied any;

gzip_min_length  1024;

gzip_buffers    4 8k;

gzip_comp_level 3;

gzip_types      text/plain text/css application/x-javascript application/javascript application/xml application/json;

}

——————————————————————————–

以下为各项配置作用:

gzip on;(启用 gzip 压缩功能)

    gzip_proxied any;(nginx 做前端代理时启用该选项,表示无论后端服务器的 headers 头返回什么信息,都无条件启用压缩)

    gzip_min_length  1024;(最小压缩的页面,如果页面过于小,可能会越压越大,这里规定大于 1K 的页面才启用压缩)

    gzip_buffers    4 8k;(设置系统获取几个单位的缓存用于存储 gzip 的压缩结果数据流)

    gzip_comp_level 3;(压缩级别,1 压缩比最小处理速度最快,9 压缩比最大但处理最慢,同时也最消耗 CPU, 一般设置为 3 就可以了)

    gzip_types      text/plain text/css application/x-javascript application/javascript application/xml application/json;(什么类型的页面或文档启用压缩)

本文永久更新链接地址 :http://www.linuxidc.com/Linux/2016-11/136885.htm

正文完
星哥说事-微信公众号
post-qrcode
 0
星锅
版权声明:本站原创文章,由 星锅 于2022-01-21发表,共计1728字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
阿里云-最新活动爆款每日限量供应
评论(没有评论)
验证码
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中