前后端分离技术与NGINX使用

前言:

       现在对于技术分离来说,常用的就是前后端分离技术,即前台与后台源码的分别部署与开发,尽量的去减少前后端关联性。方便前后端技术人员对自己技术的开发,而不受前后台进度的影响,从而提高效率。

工具与技术:Tomcat8 、jDK1.8、IDEA、nginx

nginx的主要功能:代理技术(正向代理、反向代理)、动静资源分离、负载均衡。

配置代理转发:编辑修改nginx的配置文件 nginx.conf   路径nginx-1.16.1\conf 文件下

upstream localhost-nodes {  //代理配置片段
      server   localhost:8080; 
    }

server {
        listen      8084   ; #监听端口设定,系统访问是需要使用此端口访问。
        location /demo {
            root  /admin/project ; //对于window系统环境,此处可以为E:/admin/project 

                                             //其中demo 是目录admin/project下的前端文件
        }

        location /{
               proxy_pass http://localhost-nodes; #与代理配置片段对应
               client_max_body_size 100m;
        }
    }

发布后台:把后台代码用IDEA或者直接放在TOMCAT的发布目录,进行启动服务(此处后台的服务端口为8080).

访问:http://localhost:8084/demo/html/login.html  此访问资源为前段的首页文件。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

艾利克斯冰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值