【Nginx】Docker部署Nginx 1.24.0

不同版本Nginx路径还有配置文件不太一样。这里主要记下1.24.0版本的配置
查看nginx版本的地址:https://hub.docker.com/_/nginx/tags

  1. 下载Nginx 1.24.0版本的镜像
docker pull docker.io/nginx:1.24.0
  1. 服务器上创建文件夹conf.d ,html,logs 和nginx.conf文件
    在这里插入图片描述
  • conf.d 下放置nginx配置
  • html里放打包后的前端文件
  • logs存放日志

看下html路径下的内容:
在这里插入图片描述

  1. 编写nginx.conf文件内容(其实把容器里/etc/nginx/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; 
}
  1. 按需编写conf.d/default.conf里的内容
server {
    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;
    }

    location ^/{
        proxy_pass http://127.0.0.1:3000;
        # access_log "logs/test.log";
    }
}

  1. 启动容器

修改BASE_PATH的路径为当前html等文件夹所在的路径(见第二点)

BASE_PATH=/home/dreambyday/soft/music/front

docker run  --name nginx -m 400m -p 8088:80 \
-v ${BASE_PATH}/nginx.conf:/etc/nginx/nginx.conf \
-v ${BASE_PATH}/logs:/var/log/nginx \
-v ${BASE_PATH}/html:/usr/share/nginx/html \
-v ${BASE_PATH}/conf.d:/etc/nginx/conf.d \
-e TZ=Asia/Shanghai \
--privileged=true -d docker.io/nginx:1.24.0
  1. 访问ip:8088即可
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用 DockerNginx 部署多个 Vue 项目。下面是一种可能的方法: 1. 创建 Docker 镜像:为每个 Vue 项目创建一个 Docker 镜像。您可以在每个项目的根目录中创建 Dockerfile 文件,并指定项目的构建和运行步骤。以下是一个示例 Dockerfile: ```Dockerfile # 定义基础镜像 FROM node:14 as build # 设置工作目录 WORKDIR /app # 拷贝 package.json 和 package-lock.json 文件 COPY package*.json ./ # 安装依赖 RUN npm install # 拷贝项目文件 COPY . . # 构建项目 RUN npm run build # 定义 Nginx 镜像 FROM nginx:1.19 # 删除默认配置文件 RUN rm /etc/nginx/conf.d/default.conf # 将自定义 Nginx 配置文件复制到容器中 COPY nginx.conf /etc/nginx/conf.d/ # 将构建好的 Vue 项目复制到 Nginx 的静态文件目录中 COPY --from=build /app/dist /usr/share/nginx/html # 暴露 Nginx 默认端口 EXPOSE 80 # 启动 Nginx 服务 CMD ["nginx", "-g", "daemon off;"] ``` 请确保在每个项目的根目录中创建相应的 nginx.conf 配置文件,以正确配置 Nginx。以下是一个示例配置文件: ```nginx server { listen 80; root /usr/share/nginx/html; index index.html; location / { try_files $uri $uri/ /index.html; } } ``` 2. 构建 Docker 镜像:对于每个项目,使用以下命令在项目根目录中构建 Docker 镜像(假设 Dockerfile 和 nginx.conf 配置文件已准备好): ```bash docker build -t project1 . ``` 3. 运行 Docker 容器:使用以下命令在不同的端口上运行每个项目的 Docker 容器(示例中使用端口号 8081 和 8082): ```bash docker run -d -p 8081:80 project1 docker run -d -p 8082:80 project2 ``` 现在,您应该可以通过访问相应的端口号来访问每个项目。例如,通过访问 `http://localhost:8081` 来访问第一个项目,通过访问 `http://localhost:8082` 来访问第二个项目。 注意:如果您的项目需要处理后端 API 请求,您可能需要在 Nginx 配置文件中添加适当的代理规则。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值