前后端分离技术与NGINX的简单使用

简介: 前后端分离技术与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 此访问资源为前段的首页文件。

相关文章
|
7月前
|
缓存 前端开发 JavaScript
tomcat核心技术+Nginx性能调优技术
而Tomcat的基本配置,每个配置项也基本上对应了Tomcat的组件结构,如果要用一张图来形象展现一下Tomcat组成的话
122 1
|
7月前
|
缓存 负载均衡 应用服务中间件
高性能网络编程技术 Nginx 的概念与实践
Nginx 是一款高性能、轻量级的Web服务器和反向代理服务器,它在网络编程技术领域中被广泛应用。本文将详细介绍Nginx的概念和实践,包括其核心原理、功能特点、优势和应用场景等方面。同时,还将深入探讨如何使用Nginx进行高性能网络编程,结合实际案例进行分析。
|
7月前
|
前端开发 Java 应用服务中间件
nginx结合前后端分离项目springboot+vue的配置
nginx结合前后端分离项目springboot+vue的配置
237 0
|
6月前
|
Ubuntu 前端开发 JavaScript
技术笔记:Ubuntu:一个部署好的tomcat应用(war包)怎么用Nginx实现动静分离?
技术笔记:Ubuntu:一个部署好的tomcat应用(war包)怎么用Nginx实现动静分离?
|
2月前
|
缓存 负载均衡 应用服务中间件
解决Nginx常见问题的技术指南
解决Nginx常见问题的技术指南
183 0
|
6月前
|
前端开发 应用服务中间件 nginx
nginx前后端分离、多前端部署配置文件
nginx前后端分离、多前端部署配置文件
|
6月前
|
缓存 负载均衡 应用服务中间件
技术笔记:Nginx配置详解
技术笔记:Nginx配置详解
32 0
|
6月前
|
负载均衡 前端开发 应用服务中间件
技术好文共享:超详细的Nginx简易教程
技术好文共享:超详细的Nginx简易教程
|
6月前
|
负载均衡 应用服务中间件 开发工具
技术笔记:nginx和keeplive实现负载均衡高可用
技术笔记:nginx和keeplive实现负载均衡高可用
|
7月前
|
前端开发 Java 应用服务中间件
前后端分离部署 Nginx如何配置
前后端分离部署 Nginx如何配置
116 1