ubuntu安装配置nginx 前后端分离均衡负载（二）

最新推荐文章于 2022-08-10 13:43:37 发布

奔走的小龙虾

最新推荐文章于 2022-08-10 13:43:37 发布

阅读量224

点赞数 1

分类专栏： Vue html springboot 文章标签： nginx linux

本文链接：https://blog.csdn.net/qq_30908357/article/details/113511083

版权

springboot 同时被 3 个专栏收录

9 篇文章 0 订阅

订阅专栏

Vue

7 篇文章 0 订阅

订阅专栏

html

7 篇文章 1 订阅

订阅专栏

                   （二） 前端均衡负载

ubuntu 创建存放前端html目录/usr/wwwroot/

 mkdir /usr/wwwroot

mkdir /usr/wwwroot/myvue-1111
mkdir /usr/wwwroot/myvue-2222

将index.html文件复制到服务器myvue-1111，myvue-2222这两个目录下
(a) index.html内容，html中内容端口号1111的index.html放myvue-1111中，
(b) 修改html端口号2222的index.html放服务器myvue-2222中

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

    <title>default</title>
  </head>
  <body>
	<h1>html端口号：1111</h1>
	<button type="button" onclick="btn_test()">点击获取test信息</button>
	<div id="test"></div>
  </body>
  <script type="text/javascript">
	function btn_test()
	{
		$.ajax({
				    
			type: "GET",
			url: "http://106.54.132.166/management/api/test",
			contentType: "application/json; charset=utf-8",
			dataType: "text",
			success: function (result) {
				if(result!=null){
					var json = result;
					document.getElementById('test').innerHTML=json;
				}
			}
		});
				
	}
</script>
</html>

修改配置文件/etc/nginx/nginx.conf 全部配置如下：

user www-data;
worker_processes 2;
pid /run/nginx.pid;

events {
        worker_connections 1024;
        # multi_accept on;
}

http {

        ##
        # Basic Settings
        ##

        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;
        # server_tokens off;

        # server_names_hash_bucket_size 64;
        # server_name_in_redirect off;

        include /etc/nginx/mime.types;
        default_type application/octet-stream;

        #后端api接口负载均衡
        upstream myservice{
            server localhost:9999 weight=1;
            server localhost:8888 weight=2;
        }

        #前端网页负载均衡
        upstream myvue{
            server localhost:1111 weight=1;
            server localhost:2222 weight=2;
        }

        #前端网页配置,监控端口1111
        server{
            listen      1111;
            server_name localhost;
            location / {
                root /usr/wwwroot/myvue-1111;
            }
        }
        #前端网页配置，监控端口2222
        server{
            listen      2222;
            server_name localhost;
            location / {
                root /usr/wwwroot/myvue-2222;
            }
        }

        server{

                listen  80;
                server_name localhost;

                location /management {

                        proxy_pass http://myservice;
                        proxy_set_header X-Real-IP $remote_addr;
                        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                        proxy_set_header Host $http_host;
                        proxy_set_header X-NginX-Proxy true;
                        proxy_redirect off;
                }

                #前端网页配置

                location / {
                        proxy_pass http://myvue;
                }
        }
        ##
        # SSL Settings
        ##

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;

        ##
        # Logging Settings
        ##

        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

        ##
        # Gzip Settings
        ##

        gzip on;
        gzip_disable "msie6";

        # gzip_vary on;
        # gzip_proxied any;
        # gzip_comp_level 6;
        # gzip_buffers 16 8k;
        # gzip_http_version 1.1;
        # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

        ##
        # Virtual Host Configs
        ##

        #include /etc/nginx/conf.d/*.conf;
        #include /etc/nginx/sites-enabled/*;
}


#mail {
#       # See sample authentication script at:
#       # http://wiki.nginx.org/ImapAuthenticateWithApachePhpScript
#
#       # auth_http localhost/auth.php;
#       # pop3_capabilities "TOP" "USER";
#       # imap_capabilities "IMAP4rev1" "UIDPLUS";
#
#       server {
#               listen     localhost:110;
#               protocol   pop3;
#               proxy      on;
#       }
#
#       server {
#               listen     localhost:143;
#               protocol   imap;
#               proxy      on;
#       }
#}

重新加载nginx.conf

nginx -s reload

测试网页

上一篇：ubuntu安装配置nginx 前后端分离均衡负载（一）

奔走的小龙虾

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
ubuntu安装配置nginx 前后端分离均衡负载（二）

（二）前端均衡负载ubuntu 创建存放前端html目录/usr/wwwroot/ mkdir /usr/wwwroot再创建两个目录存放htmlmkdir /usr/wwwroot/myvue-1111mkdir /usr/wwwroot/myvue-2222将index.html文件复制到服务器myvue-1111，myvue-2222这两个目录下(a) index.html内容，html中内容端口号1111的index.html...
复制链接

扫一扫