记录使用nginx配置多端口时遇到的小插曲问题

已于 2023-06-26 17:52:42 修改
阅读量928 收藏 1
点赞数 2
分类专栏： 随笔 文章标签： nginx 服务器 运维
于 2023-06-26 17:42:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44563573/article/details/131400407
版权 
user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

stream {
    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
  
    access_log /www/wwwlogs/tcp-access.log tcp_format;
    error_log /www/wwwlogs/tcp-error.log;
    include /www/server/panel/vhost/nginx/tcp/*.conf;
}

events
    {
        use epoll;
        worker_connections 51200;
        multi_accept on;
    }

http
    {
        include       mime.types;
		#include luawaf.conf;

		include proxy.conf;

        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;

        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
		fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
		limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;

server
    {
        listen 80;#端口
        server_name 139.x.xxx.xxx;#路由
        index index.html index.htm index.php;
        root  /www/server/phpmyadmin;
        
        #error_page   404   /404.html;
        include enable-php.conf;
        
        location /  {
            root  /home/test;#根目录
            index index.html;#默认页
        }
        
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
            root  /home/test;#静态资源目录
        }

        location ~ /\.
        {
            deny all;
        }

        access_log  /www/wwwlogs/access.log;
    }
    
include /www/server/panel/vhost/nginx/*.conf;
}

  例如上面是我的Nginx配置文件，对应我的资源目录如下：
在这里插入图片描述
  浏览器地址栏输入：139.x.xxx.xxx 访问成功

在这里插入图片描述

需求：

  我增加多了一个vue项目，希望在当前的服务器下（即同一个IP）配置不同的端口，也能实现访问。

user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

stream {
    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
  
    access_log /www/wwwlogs/tcp-access.log tcp_format;
    error_log /www/wwwlogs/tcp-error.log;
    include /www/server/panel/vhost/nginx/tcp/*.conf;
}

events
    {
        use epoll;
        worker_connections 51200;
        multi_accept on;
    }

http
    {
        include       mime.types;
		#include luawaf.conf;

		include proxy.conf;

        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;

        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
		fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
		limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;

server
    {
        listen 80;
        server_name 139.x.xxx.xxx;
        index index.html index.htm index.php;
        root  /www/server/phpmyadmin;
        
        #error_page   404   /404.html;
        include enable-php.conf;
        
        location /  {
            root  /home/test;
            index index.html;
        }
        
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            # expires      12h;
            root  /home/test;
        }

        location ~ /\.
        {
            deny all;
        }

        access_log  /www/wwwlogs/access.log;
    }
    
    server
    {
        listen 8080;
        server_name 139.x.xxx.xxx;
        index index.html;
        root  /www/server/phpmyadmin;
        
        #error_page   404   /404.html;
        include enable-php.conf;
        
        location / {
            root  /home/choujiang/lucky-draw/dist;
            index index.html;
            proxy_pass http://localhost:8081;  # 替换为 Vue 项目实际运行的地址和端口
            proxy_set_header Host $host;
        }
        
        # # 在ip后面多加一级test目录访问
        # location /test{
        #     alias /home/choujiang/lucky-draw/dist;
        #     index favicon.ico;
        # }
    }
    
    

   
include /www/server/panel/vhost/nginx/*.conf;
}

  修改了我的Nginx配置文件，对应我的资源目录如下：

在这里插入图片描述

  这时浏览器地址栏输入：139.x.xxx.xxx:8080 访问不到，

在这里插入图片描述

  首先考虑到的是端口没有开放，于是乎去到服务器的安全组进行检查，发现8080端口和8081都是配置开放了的。

在这里插入图片描述
  如果你是个新手，刚接触Nginx，你肯定蒙圈了，这是什么原因引起的呢？60%的人会觉得是配置的问题，20%的人会觉的是端口是否被占用，还有10%的人觉得会不会是项目本身或者环境的问题，还有10%的人在尝试寻找其他方案。接着往下看，这时我们先以新手的身份来逐一排查。

  思路：（先确保我们的vue项目在本地是可以正常访问的）

  由于我们部署的是vue项目，可以先把vue进行构建好的dist文件上传到我们服务器的nginx的html目录下，即在服务器直接访问，看看能不能访问到项目

在这里插入图片描述在这里插入图片描述

  直接拷贝dist的内容复制到Nginx的html目录下，html里面的50x.html和index.html是本身存在，可以不用管，为例不和vue项目里面index.html冲突，先将html原来的index.html改名成index-副本.html。然后再去Nginx的配置文件中进行配置，配置如下：

user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

stream {
    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
  
    access_log /www/wwwlogs/tcp-access.log tcp_format;
    error_log /www/wwwlogs/tcp-error.log;
    include /www/server/panel/vhost/nginx/tcp/*.conf;
}

events
    {
        use epoll;
        worker_connections 51200;
        multi_accept on;
    }

http
    {
        include       mime.types;
		#include luawaf.conf;

		include proxy.conf;

        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;

        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
		fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
		limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;

server
    {
        listen 80;
        server_name 139.x.xxx.xxx;
        index index.html index.htm index.php;
        root  /www/server/phpmyadmin;
        
        #error_page   404   /404.html;
        include enable-php.conf;
        
        location /  {
            root  html;
            index index.html;
        }   
        
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
            root  html;
        }

        location ~ /\.
        {
            deny all;
        }

        access_log  /www/wwwlogs/access.log;
    }
    
include /www/server/panel/vhost/nginx/*.conf;
}

  发现这样子是可以访问到vue的项目的，那么大致就可以排出了之前的配置是没有问题的，项目也是没有问题的，最终只有一个可能，那就是防火墙没有关闭。接下来我们去检查服务器的防火墙。

  linux不同版本防火墙是不同的，一般linux 6.5 关于防火墙的命令如下

📌查看防火墙状态

service iptables status

📌暂时关闭防火墙

service iptables stop

  linux 7.0以上默认安装firewalld

📌查看状态

systemctl status firewalld

在这里插入图片描述

  显示“active（running）”则说明防火墙是开着的

📌禁用防火墙

systemctl stop firewalld

  执行上面命令，将防火墙进行关闭

在这里插入图片描述

  查看状态，已经将防火墙关闭了

  接下来回到原来的配置，这次我们以888端口为例，进行配置：

user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

stream {
    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
  
    access_log /www/wwwlogs/tcp-access.log tcp_format;
    error_log /www/wwwlogs/tcp-error.log;
    include /www/server/panel/vhost/nginx/tcp/*.conf;
}

events
    {
        use epoll;
        worker_connections 51200;
        multi_accept on;
    }

http
    {
        include       mime.types;
		#include luawaf.conf;

		include proxy.conf;

        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;

        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
		fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
		limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;

server
    {
        listen 80;#端口
        server_name 139.x.xxx.xxx;#路由
        index index.html index.htm index.php;
        root  /www/server/phpmyadmin;
        
        #error_page   404   /404.html;
        include enable-php.conf;
        
        location /  {
            root  /home/test;#根目录
            index index.html;#默认页
        }
        
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
            root  /home/test;#静态资源目录
        }

        location ~ /\.
        {
            deny all;
        }

        access_log  /www/wwwlogs/access.log;
    }
    
    server
    {
        listen 888;
        server_name 139.x.xxx.xxx;
        index index.html;
        root  /www/server/phpmyadmin;
        
        #error_page   404   /404.html;
        include enable-php.conf;
        
        location / {
            root  /home/choujiang/lucky-draw/dist;
            index index.html;
        }
        
        location ~ .*\.(js|css)?$
        {
            expires      12h;
            root  /home/choujiang/lucky-draw/dist;#静态资源目录
        }
        access_log  /www/wwwlogs/access.log2;
    }
    
include /www/server/panel/vhost/nginx/*.conf;
}

  浏览器地址栏输入：139.x.xxx.xxx:888 访问成功

在这里插入图片描述

  对此，问题解决了，主要原因就是防火墙没有关闭。

附：

  如果想在地址栏多加一次目录访问，可以参考如下：

# 在ip后面多加一级test目录访问
# location /test{
#     alias /home/choujiang/lucky-draw/dist;
#     index index.html;
# }

  如果是请求后端，则需要配置一层代理

 location /  {
    root  html;
    index index.html;
    try_files $uri $uri/ /index.html;#history模式
}

location /api/ {  
    proxy_pass http://139.x.xxx.xxx:8080/;
}
程序yang
关注
专栏目录
Nginx代理的多端口实例负载均衡
云中采薇
12-30 5592
Nginx作为高性能服务器，除了搭建普通的web服务，也经常用作反向代理或微服务网关。为了实现服务高可用，通常会启动多个服务实例，这样某个实例挂掉并不影响整体的可用性，Nginx可以在多个实例中实现负载均衡，并提供了多种负载均衡策略。本人手头只有一台服务器，所以就在本机多端口开启多个实例，并在这些实例中实现负载均衡。在http配置：upstream backser { server loca
详解nginx同一端口监听多个域名和同时监听http与https
09-30
也就是说，如果在同一个服务器上安装了多个Nginx实例，那么每个实例需要使用不同的端口，因为端口是全局资源，一旦被占用，其他实例就不能再使用该端口。 其次，关于Nginx同时监听HTTP和HTTPS。在网络安全日益受到...
Contos7配置Nginx多个端口及目录
丽啊丽宝的博客
11-05 2093
练手用，怕忘记，记录一下。我用的是腾讯云的contos 下载Nginx（使用命令行下载或者自己下载完上传到服务器都可以） wget -c https://nginx.org/download/nginx-1.12.0.tar.gz 解压 tar -zxvf nginx-1.12.0.tar.gz 进入目录 cd nginx-1.12.0 配置 ./configure 编译安装 make make install 安装目录是在 /usr/local/nginx 要是找不...
【测试开发】知识点-配置 Nginx 解决多端口访问
测试开发的成长点滴
12-19 3375
目前项目下多个模块各自有着不同的端口号，前端进行访问的时候就有问题了。 用的是 vue-admin-template后台的前端框架，这里配置后端访问地址的时候如果我指定了 8202，那么8201的服务接口就访问不了。 为了提供统一的 api 接口，所以使用nginx作为反向代理服务器。 一、Nginx 介绍 反向代理，其实客户端对代理是无感知的。 因为客户端不需要任何配置就可以访问，我们只需要.........
Nginx如何配置多个端口进行监听_nginx server设置监听两个端口
2401_83739411的博客
04-18 2887
【代码】Nginx如何配置多个端口进行监听_nginx server设置监听两个端口。
nginx 与后台端口冲突的解决
09-29
在开发环境中配置Nginx作为反向代理服务器时，可能会遇到与后台服务端口冲突的问题。冲突通常会表现为后台接口请求时出现404错误，或者访问特定端口时内容不一致的现象。本文将详细阐述如何解决Nginx与后台端口冲突...
解决Nginx端口冲突的排查方法示例
09-29
当使用Nginx进行端口转发时，可能会遇到端口冲突的问题，导致转发不正常，比如某些请求无法正确到达目标服务器。 在排查Nginx端口冲突时，首先要确认的是Nginx是否正确地监听了预设的端口，并且没有与系统的其他...
在使用 Nginx 过程中，用户可能会遇到一些常见的问题 以下是对这些常见问题的说明和解决方法
最新发布
07-08
**问题描述**：在尝试启动 Nginx 服务时，可能会遇到启动失败的情况。这种情况通常是由于配置文件错误、端口冲突或者权限问题所导致。 **解决方法**： 1. **检查配置文件语法**：首先应使用命令 `nginx -t` 来测试...
windows下Nginx多域名简单配置教程
09-30
通过以上步骤，我们可以将Nginx配置成支持多域名的服务，这在开发、测试或者小型项目中非常有用。需要注意的是，本教程提供的配置方法仅适用于Windows环境下的本地开发或测试，并不适用于生产环境。在生产环境中，还...
linux下nginx同一个IP地址配置多个不同端口
hexu_blog的博客
08-09 4867
前提条件：你服务器nginx的80端口和70端口要允许通过:不然启动了无法访问 比如我这里的 server{ listen 80;#监听18081端口，可以改成其他端口 server_name 148.70.164.213;#当前服务的域名 location / { ...
nginx gzip 压缩配置
Blau的博客
08-08 1019
nginx gzip 压缩配置 直接使用如下： gzip on; gzip_min_length 1k; # gzip_disable "msie6"; gzip_comp_level 4; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss
nginx代理同一ip，不同端口，域名服务
小小的木头人的博客
12-20 4233
****************************************本文只再本地测试，未再正式服务器上配置测试过************************************************************* 1） 找到 C:\Windows\System32\drivers\etc   hosts  文件，添加  127.0.0.1 www.ha
nginx-代理多个服务
别浪
04-13 5560
【代码】nginx-代理多个服务。
Nginx的stream配置
qq_43038960的博客
12-11 4396
stream模块一般用于tcp/UDP数据流的代理和负载均衡，可以通过stream模块代理转发TCP消息。也就是说，必须在使用./configure --with-stream编译时添加流模块。流模块的使用方法与http模块相同，语法也基本相同。# 为了让这个配置文件简单一些，将配置stream放入到/etc/nginx/conf.d，并以.stream做后缀名。#stream模块和http模块是并列级别的，所以stream要写在http{}外边。#增加stream配置，开启stream模块。
Linux系统中安装Nginx进行单个端口代理和Nginx多个端口代理的配置
热门推荐
qq_42623400的博客
04-19 1万+
1、创建目录进入目录 mkdir /usr/local/nginx cd /usr/local/nginx 2、安装gcc-c++编译器、安装openssl、安装pcre包、安装zlib包 yum install gcc-c++ yum install -y openssl openssl-devel yum install -y pcre pcre-devel yum install -y zlib zlib-devel 3、用wget命令下载nginx包，也可以自行去 https://nginx.o
apache与nginx 80端口 443端口冲突解决
hemacc的博客
06-26 6669
先运行apache后运行nginx时 先运行nginx后运行apache时： 原因： 通过端口查询可以发现关于80端口以及443端口产生冲突，因为每个软件单独运行时都会占用80或者443端口。 查询端口占用命令：lsof -i:443 解决办法： 目前因为小程序调用443端口，WebSocket：默认端口为 8083，所以要通过nginx监听443端口然后转到...
nginx配置多端口多站点（记录）
唐坤林的播客
10-29 2970
目前手上有两个项目，想把他们绑定到同一个ip服务器，使用80,8089端口， 正确姿势，打开百度搜索，nice，so easy, 然而，无论如何配置端口8089都无法访问， 但是端口监听成功了， 原因：防火墙没开放端口。 执行 ufw allow 8089/tcp 问题解决 参考：https://www.jianshu.com/p/65892355cad5 ...
Nginx网络架构下的反向代理负载均衡upstream配置
weixin_37632716的博客
01-12 972
用例 第一步需要给Nginx配置上游服务器，即负载均衡到的真实处理业务服务器，通过在http指令下配置upstream upstream{ server 102.168.61.1:9080 weight=1; server 102.168.61.1:9090 weight=1; } 主要配置 1.IP地址和端口 配置上游服务器的IP地址和端口 2.权重 weight用来配置权重，默认都是1，权重越高分配给这台服务器的请求就越多，需要根据服务器的处理能力设置权重 然后可以配置如下proxy_pass
Nginx 配置同时监听实现转发两个端口
qq_37959151的博客
03-29 6309
Nginx 配置监听实现转发两个端口 Nginx 第二次使用 一些使用的体验。 可以看到与上次不同的地方： 不同点1，代码如下 upstream my_servers { server ip1:8886 weight=5 max_fails=2 fail_timeout=60s; server ip2:8885 weight=1 max_fails=2 fail_timeout=60s; } 可以看到这次用到了 max_fails=2 fail_timeo
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

程序yang

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

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

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

打赏作者

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

抵扣说明：

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

余额充值