docker-compose 配置nginx

前言

前端打包的dist文件在宿主机,nginx运行在docker-compose

问题

nginx.conf 在本地配置可以生效,但是链接到容器就报错

基于本地的nginx运行,本地nginx.conf 如下

复制代码
server {
    listen 8081;
    location / {
        root /usr/local/software/testweb/dist; # 指向你的Vue应用解压后的目录,宿主机目录
        try_files $uri $uri/ /index.html; # 尝试直接找到文件,如果找不到则回退到index.html(Vue路由需要)
    }

}

基于容器运行,映射到容器的nginx.conf配置如下

复制代码
server {
    listen 80;
    root /usr/share/nginx/html; #容器内的地址
    location / {
        try_files $uri $uri/ /index.html; # 尝试直接找到文件,如果找不到则回退到index.html(Vue路由需要)
    }

}

容器内部目录截图如下

容器的docker-compose配置如下

复制代码
version: '3.8'
services:
  nginx:
    image: nginx:latest
    ports:
    volumes:
      - /usr/local/software/dist:/usr/share/nginx/html 
这里是将前面的本地dist路径,挂载到容器,然后上面的nginx.conf 的 root /usr/share/nginx/html; 容器内的地址,才会生效
相关推荐
mcdx6 分钟前
基于Docker构建OrangePi5 SDK环境
docker·容器
杨浦老苏2 小时前
Docker端口映射查看工具Dockpeek
网络·docker·群晖
别骂我h3 小时前
Kubernetes服务发布基础
云原生·容器·kubernetes
weixin_399380694 小时前
k8s一键部署tongweb企业版7049m6(by why+lqw)
java·linux·运维·服务器·云原生·容器·kubernetes
IT成长日记5 小时前
【Docker基础】Docker数据卷管理:docker volume ls及其参数详解
运维·docker·容器·volume ls
偷萧逸苦茶5 小时前
docker常见命令
docker·容器·eureka
孙克旭_9 小时前
day045-nginx跳转功能补充与https
linux·运维·nginx·https
RW~16 小时前
Minio安装配置,桶权限设置,nginx代理 https minio
运维·nginx·https·minio
CodeWithMe19 小时前
Nginx入门进阶:从零到高手的实战指南
运维·nginx
高山莫衣19 小时前
Docker Desktop导致存储空间不足时的解决方案
docker·容器·eureka