node.js - Docker compose Nginx 访问静态文件 404 错误
问题描述
我docker-compose
用于部署 Nodejs(KeystoneJS) 应用程序。我想通过 url 访问静态 png,例如:http://localhost:3000/uploads/apks/5e1ac55962c6a800230d67fb-test.png
现在我收到 404 错误。
有 3 个容器,Nginx, app, mongo
.
文件夹结构
- APK
- 我的应用
- 码头文件
- 码头工人-compose.yml
这是我的结构:
- 图片在下面
apks
- 将 Nginx 配置文件中的 set static alias 设置为 docker app 容器文件夹:
/home/node/static/apks/
默认.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;
}
}
}
- 当请求进入时,Nginx 指向
/home/node/static/apks/
,并且因为这个卷被挂载到操作系统中的真实路径./apks
,所以应该响应那里的图像。
我不确定有什么问题?或者如果有任何权限问题。
码头工人-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}
谢谢你的帮助!
解决方案
最后通过更改我的静态文件夹的权限来解决
sudo chmod -R 755 ~/apks
。
推荐阅读
- node.js - 如何使用 azure bot 框架向 Skype 组发送通知消息?
- sas - 折叠大型数据集,同时有条件地保留一些缺失值
- vba - 级联组合框的 Visual Basic ACCDB 文件读取
- google-app-engine - Google Appengine:无需请求即可连接到数据存储
- c# - 即使互斥约束,通用 C# 方法也模棱两可?
- perl - perl 文本处理(特别是在加载文件时)
- mongodb - 如何在mac上安装MongoDB驱动
- linux - $(($RANDOM % 10 +1)) 和 $(( ( RANDOM % 10 ) + 1 )) 有什么区别
- java - 如何从java中调用oracle函数。函数返回数字
- python - matplotlib 密度图/直方图