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

相关文章
|
4月前
|
前端开发 Java 应用服务中间件
nginx结合前后端分离项目springboot+vue的配置
nginx结合前后端分离项目springboot+vue的配置
161 0
|
JavaScript 前端开发 应用服务中间件
【超详细!】vue+koa+nginx前后端分离开发项目上线部署到云服务器
1、项目介绍 本项目是vue+koa前后端分离开发的手机商城项目,先贴一下项目的目录,我们主要就是要部署dist和server这两个文件夹
1068 0
【超详细!】vue+koa+nginx前后端分离开发项目上线部署到云服务器
|
3月前
|
前端开发 应用服务中间件 nginx
nginx前后端分离、多前端部署配置文件
nginx前后端分离、多前端部署配置文件
|
4月前
|
前端开发 Java 应用服务中间件
前后端分离部署 Nginx如何配置
前后端分离部署 Nginx如何配置
82 1
|
9月前
|
缓存 负载均衡 应用服务中间件
Linux-----nginx的简介,nginx搭载负载均衡以及nginx部署前后端分离项目
Linux-----nginx的简介,nginx搭载负载均衡以及nginx部署前后端分离项目
227 2
|
4月前
|
应用服务中间件 nginx
前后端分离项目中nginx部署的相关配置
前后端分离项目中nginx部署的相关配置
163 0
|
负载均衡 前端开发 应用服务中间件
nginx部署前后端分离项目(二)
nginx部署前后端分离项目(二)
460 1
|
前端开发 关系型数据库 MySQL
docker+docker-compose+nginx前后端分离项目部署
docker+docker-compose+nginx前后端分离项目部署
780 0
|
JavaScript 网络协议 Java
自签SSL证书配置Nginx代理Vue+SpringBoot前后端分离服务
自签SSL证书配置Nginx代理Vue+SpringBoot前后端分离服务
393 0
|
缓存 前端开发 NoSQL
Spring Boot2.x-13前后端分离的跨域问题解决方法之Nginx
Spring Boot2.x-13前后端分离的跨域问题解决方法之Nginx
307 0