centos7.9 配置nginx实现前后端分离

工作中经常会遇到需要部署前后端分离的项目，今天来给大家介绍一下。

实验目的：
实现前后端分离配置，即nginx做代理，前端需要跳转到本地目录访问，后端需要跳转到后端程序。
服务器：CentOS Linux release 7.9.2009 (Core)
nginx版本：nginx-1.14.2

部署nginx

上传部署包

[root@oracle tools]# ls
nginx-1.14.2.tar.gz

[root@oracle tools]# tar xf nginx-1.14.2.tar.gz

[root@oracle tools]# cd nginx-1.14.2

[root@oracle nginx-1.14.2]# ./configure

[root@oracle nginx-1.14.2]# make

[root@oracle nginx-1.14.2]# make install

配置前端访问目录

配置nginx配置文件nginx.conf,test为截取到/test/就会跳转到/opt/jingtai/路径

...
location  ^~/jingtai/ {alias   /opt/jingtai/;index  index.html index.htm;...

配置后端访问

在配置文件添加一个server

server {listen       8090;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location  ^~/dongtai/ {alias   /opt/dongtai/;index  index.html index.htm;}}

在原server添加

upstream dongtai{server 127.0.0.1:8090;}server {listen       9090;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;#jingtailocation  ^~/jingtai/ {alias   /opt/jingtai/;index  index.html index.htm;}#dongtailocation ^~/dongtai/ {proxy_pass http://dongtai/;}

验证

9090端口代表代理服务和本地前端服务
8090端口代表后端服务
当9090拦截/dongtai/时匹配的是8090端口的路径.
当9090拦截/jingtai/时匹配的是9090/opt/jingtai/的路径。

[root@oracle opt]# curl 127.0.0.1:9090/dongtai/
dongtai
[root@oracle opt]# curl 127.0.0.1:9090/jingtai/
jingtai
[root@oracle opt]#

结束

这就是前后端分离的流程

centos7.9 配置nginx实现前后端分离相关推荐

Nginx实现前后端分离（springboot+vue）+双机互备
背景介绍项目采用springboot+vue开发,之前项目布署时,都是采用pom中配置,把vue打包的dist文件copy到springboot项目中resource/static下做的,这样每次 ...
Vue整合nginx：（1）开发环境npm run dev下，通过nginx解决前后端分离造成的跨域问题
Vue整合nginx:(1)开发环境npm run dev下,通过nginx解决前后端分离造成的跨域问题参考文章: (1)Vue整合nginx:(1)开发环境npm run dev下,通过nginx ...
Nginx解决前后端分离（适用于传统项目改前后端分离）
最近写项目碰到个前后端分离的问题,踩了不少坑,给大家分享一些经验. 项目是传统的项目,没有做前后端分离,现在根据业务现状,需要改成前后端分离的形式去做开发,上来就碰到个头大的事,cookie没办法在前 ...
使用 Nginx 部署前后端分离项目，解决跨域问题
前后端分离这个问题其实松哥和大家聊过很多了,上周松哥把自己的两个开源项目部署在服务器上以帮助大家可以快速在线预览(喜大普奔,两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了 ...
nginx处理前后端分离跨域问题
在微服务中,通常会使用前后端分离的方式进行开发和部署.由于前后端分开部署,属于不同的"资源",因此前端调用后端API时可能会出现跨域问题,Cross-Origin Resource ...
Nginx部署前后端分离项目,配置SSL证书，结果刷新报500异常
在之前还没有配置SSL证书的时候,项目使用一切正常,也不会出现什么刷新报500错误,就在今天,我进行了SSL证书配置之后,就显得不正常了,页面刷新会报500异常,经过一段时间排查,最终找到了产生问题的 ...
Java前端笔记-后端Springboot，前端vue，Nginx使前后端分离
目录基本概念代码实例基本概念这是一个很6的模式,以目前本人C++ Qt的技术,是做不出的,但Java已经有雏形了. 后端采用Spring Boot主要是回json数据,如下所示: 这里的数据都 ...
nginx实现前后端分离
1.下载安装解压: http://nginx.org/en/download.html 2.双击nginx.exe启动nginx 3.配置文件(最重要) 更新config文件时: 1.停止nginx请 ...
基于前后端分离的Nginx+Tomcat动静分离
1.什么是动静分离 "动"与"静" 在弄清动静分离之前,我们要先明白什么是动,什么是静. 在Web开发中,通常来说,动态资源其实就是指那些后台资源,而静态资源就 ...

centos7.9 配置nginx实现前后端分离

centos7.9 配置nginx实现前后端分离相关推荐

最新文章

热门文章