首页 > 解决方案 > Docker compose Nginx 访问静态文件 404 错误

问题描述

docker-compose用于部署 Nodejs(KeystoneJS) 应用程序。我想通过 url 访问静态 png,例如:http://localhost:3000/uploads/apks/5e1ac55962c6a800230d67fb-test.png 现在我收到 404 错误。

有 3 个容器,Nginx, app, mongo.

文件夹结构

这是我的结构:

在此处输入图像描述

默认.conf

upstream my_app {
  server 192.168.1.119:3000;
}

server {
        listen *:80;
        listen [::]:80;       

        listen 443 ssl;
        ssl_certificate /etc/nginx/certs/server-cert.pem;
        ssl_certificate_key /etc/nginx/certs/server-key.pem;

        location / {
          proxy_set_header Host $http_host;
          proxy_pass http://my_app;
        }

    location /uploads/apks/ {
         alias /home/node/static/apks/;
         types {
          image/png png;
          image/jpeg jpg;
        }
    }   

}

我不确定有什么问题?或者如果有任何权限问题。

码头工人-compose.yml

version: '3'
services:
  nginx:
    image: nginx
    restart: always
    volumes:
        - ../apks:/home/node/static/apks
        - /xxx/certs:/etc/nginx/certs
        - /xxx/nginx/default.conf:/etc/nginx/conf.d/default.conf
    ports:
        - "80:80"
        - "443:443"
    links:
        - app
  app:
    container_name: my-app
    image: my-app
    restart: always
    build: .
    volumes:
        - ../apks:/home/node/static/apks

    ports:
       - "3000:3000"
    links:
        - mongo
  mongo:
    image: mongo:latest
    restart: always

    ports:
        - "27017:27017"

码头文件

# https://docs.docker.com/samples/library/node/
ARG NODE_VERSION=12.10.0
# https://github.com/Yelp/dumb-init/releases
ARG DUMB_INIT_VERSION=1.2.2

# Build container
FROM node:${NODE_VERSION}-alpine AS build
ARG DUMB_INIT_VERSION

WORKDIR /home/node

RUN apk add --no-cache build-base python2 yarn && \
    wget -O dumb-init -q https://github.com/Yelp/dumb-init/releases/download/v${DUMB_INIT_VERSION}/dumb-init_${DUMB_INIT_VERSION}_amd64 && \
    chmod +x dumb-init
ADD . /home/node
RUN yarn install && yarn build && yarn cache clean

# Runtime container
FROM node:${NODE_VERSION}-alpine

WORKDIR /home/node

COPY --from=build /home/node /home/node

EXPOSE 3000
CMD ["./dumb-init", "yarn", "start"]

这是错误日志:

{"level":30,"time":1578817809651,"pid":35,"hostname":"5bb05c547cb6","req":{"id":3,"method":"GET","url":"/uploads/apks/5e1ac55962c6a800230d67fb-Screenshot%202019-12-21%20at%201.01.18%20AM.png","headers":{"host":"localhost:3000","accept":"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8","upgrade-insecure-requests":"1","cookie":"keystone.sid=s%3Abg7rFgPthjLPes_UWkW2KLI5_HJUVTPN.5shrIzmAUa7zxiq5r5eMhr4N%2BcGlwicwA5Bbim4iV7s","user-agent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Safari/605.1.15","accept-language":"en-sg","accept-encoding":"gzip, deflate","connection":"keep-alive"},"remoteAddress":"::ffff:172.20.0.1","remotePort":43074},"res":{"statusCode":404,"headers":{"x-powered-by":"Express","x-keystone-app-version":"1.0.0","vary":"Origin, Accept-Encoding","access-control-allow-credentials":"true","content-security-policy":"default-src 'none'","x-content-type-options":"nosniff","content-type":"text/html; charset=utf-8","content-length":224}},"responseTime":2,"msg":"request completed","v":1}

谢谢你的帮助!

标签: node.jsdockernginxdocker-compose

解决方案


最后通过更改我的静态文件夹的权限来解决 sudo chmod -R 755 ~/apks


推荐阅读