如何访问docker nginx

37 篇文章 4 订阅
3 篇文章 0 订阅

在这里插入图片描述

一. 问题背景

用docker方式把nginx部署在阿里云上面,在阿里云上面启动自己的应用程序(端口8083)。想要实现的效果是用nginx做反向代理,本地电脑发送请求,nginx收到请求后转发到8083的应用程序。但是一直无法正确访问nginx,做不出效果。

二. 前言

后台应用是基于SpringBoot 2.x构建的。docker的nginx容器是latest版本。 笔者目前使用的解决方案是重新创建一个nginx容器,步骤略有些麻烦。

三. 解决方案

3.1 储备知识

首先需要了解一下nginx容器的配置文件的逻辑:

nginx容器的配置文件的逻辑关系是这样的:nginx容器里面的配置文件是在/etc/nginx/,里面有一个nginx.conf文件和一个conf.d文件夹。nginx.conf是主配置文件;conf.d存放的是子配置文件(默认是有一个default.conf文件),可以有若干个子配置文件。其实主配置文件是配置http块的,子配置文件就是配置server块的。官方推荐用子配置文件做配置

nginx.conf文件,如下:

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


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

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    # 子配置文件的位置
    include /etc/nginx/conf.d/*.conf;
}

注意:上面的代码块中很重要的是最后一行include /etc/nginx/conf.d/*.conf;,它的作用就是指定子配置文件的位置,能让nginx找到。也能发现nginx.conf中确实没有server块

default.conf文件,如下:

server {
    listen         80;
    listen    [::]:80;
    server_name localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        # proxy_pass http://localhost:xxx;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

注意:可以看到default.conf就是配置server块的。需要注意listen监听的端口值就是在创建容器命令里面指定的。注意要写ip地址的地方不要用localhost,否则会有问题,用127.0.0.1或者局域网的ip地址代替localhost。

3.2 创建nginx容器

下载nginx镜像:

docker pull nginx

创建nginx容器

docker run -p 11180:80 --name nginx \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/logs:/var/log/nginx  \
-d nginx

复制nginx容器的配置文件到阿里云:

docker container cp nginx:/etc/nginx /mydata/nginx/

将刚才复制过来的文件夹重命名:

mv nginx conf

删除刚才创建的nginx容器(因为要重新挂载配置文件):

docker run -p 11180:80 --name nginx \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/logs:/var/log/nginx  \
-v /mydata/nginx/conf:/etc/nginx \
-v /mydata/nginx/conf/conf.d:/etc/nginx/conf.d \
-d nginx

解释:上面代码块的第4个-v 是挂载nginx容器的子配置文件。在前面的储备知识有提到。

3.3 配置

创建容器的命令指定的端口号是阿里云用11180,nginx容器用80。因此conf.d/default.conf中监听的端口是80,而不是11180。在浏览器发送请求访问的应该是11180。应用程序的端口是8083,proxy_pass应该配置8083。

default.conf,如下:

server {
    listen         80;
    listen    [::]:80;
    server_name xx.xx.xx.xx;

    location / {
        proxy_pass http://xx.xx.xx.xx:8083;
    }
}

3.4 测试

浏览器发送请求:

http://xx.xx.xx.xx:11180/xxx/xxxx;

解释:/xxx/xxxx为后端controller的映射路径

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Docker是一个开源的容器化平台,可以帮助我们在不同的操作系统上快速构建、打包和运行应用程序。而Nginx是一种常用的高性能Web服务器,也被广泛用作反向代理服务器。在使用Docker部署Nginx时,有时可能会遇到跨域访问的问题。 跨域访问是指在浏览器中,页面使用的是一个域名,而请求的接口却是另一个域名的情况。由于浏览器的同源策略限制,跨域请求会被阻止。为了解决这个问题,我们可以通过在Nginx配置中添加跨域设置来实现跨域访问。 下面是一个简单的示例: 1. 首先,在Docker中安装Nginx,并创建一个新的Nginx容器。 ``` docker run -d -p 80:80 --name mynginx nginx ``` 2. 在Nginx容器的配置文件中添加跨域设置。 ``` docker exec -it mynginx /bin/bash vi /etc/nginx/conf.d/default.conf ``` 在配置文件中添加以下内容: ``` location / { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; add_header Access-Control-Allow-Headers 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; add_header Access-Control-Allow-Credentials 'true'; if ($request_method = 'OPTIONS') { add_header Access-Control-Max-Age 1728000; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; add_header Access-Control-Allow-Headers 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; add_header Content-Type 'text/plain; charset=utf-8'; add_header Content-Length 0; return 204; } } ``` 保存并退出配置文件,然后重新启动Nginx容器。 ``` exit docker restart mynginx ``` 现在,您的Nginx容器应该已经配置为允许跨域访问。 请注意,上述配置中使用了通配符*,这意味着允许任何域名进行跨域访问。在生产环境中,为了提高安全性,建议将通配符替换为实际允许的域名。 总结:通过在Nginx配置文件中添加跨域设置,我们可以实现DockerNginx的跨域访问。这种方法可以确保您的Web应用程序能够正常运行并接受来自其他域名的请求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值