php小编柚子发现在使用docker中的nginx时，可能会遇到样式和图像无法在页面中正确显示的问题。这可能是由于配置问题或路径错误导致的。在解决这个问题之前，我们需要仔细检查nginx的配置文件和文件路径，确保正确设置和引用。接下来，我们将探讨一些常见的解决方法，帮助您解决这个烦恼的问题。
问题内容
我有一个 golang Web 应用程序，我决定在它前面使用 Nginx 来提供静态文件，并将其用作我的 Web 应用程序的反向代理。
Web 应用程序的 Dockerfile：
Docker 撰写文件：
和 nginx 配置：
在网页上我有两张图片，一张是png，一张是svg，css文件很简单，只包含
作为body标签，还有js文件，它只是控制台记录字符串“Loaded!” 。使用 docker compose 启动容器后，我遇到以下问题：
静态文件是随机提供的，例如png 图像已显示，但 svg 未显示，css 样式未应用于页面，但 javascript 代码执行良好。有趣的是，所有静态文件都根据浏览器的开发工具网络选项卡成功获取，您可以检查其内容，是的，我尝试在没有缓存的情况下重新加载页面，但无济于事。这是什么魔法？
正如您在我的 docker compose 文件中看到的，我为 nginx 和 webapp 设置了卷，对于 nginx，它工作正常，每当我删除一些资产并重新加载页面而不缓存时，都会应用更改，但是当我更改时模板中的文本在页面上不可见，但如果我进入 webapp 的容器并检查模板的内容 - 它已更改，但在页面上它不可见，直到我使用 docker compose 重新启动容器。这里有什么问题吗？
完整代码在这里 - https://github.com/ivnku/tmp
解决方法
go Fiber 的
模板
通过
提供此功能：
静态文件确实由 Nginx 提供，只是没有正确的 MIME 类型。在 nginx.conf 的
部分中包含 mime 类型将解决此问题：
FROM golang:1.21.1
WORKDIR /app
COPY go.mod go.sum ./
RUN go mod download && go mod verify
COPY . ./
RUN go build -o ./bin/site ./cmd/site/main.go
CMD ["./bin/site"]version: '3'
services:
nginx:
image: nginx:1.25.2
restart: always
ports:
- "80:80"
volumes:
- "./nginx.conf:/etc/nginx/nginx.conf:ro"
- "./site/assets/:/app/assets/"
site:
build: ./site
container_name: tmp-site
restart: always
volumes:
- "./site/views:/app/views"events {
worker_connections 1024;
}
http {
server {
listen 80;
server_name tmp.loc www.tmp.loc;
location ~* \.(jpg|jpeg|png|gif|ico|css|js|html|svg)$ {
root /app/assets/;
expires max;
access_log off;
}
location / {
proxy_pass http://tmp-site:5555;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}
}background-color: lightblueEngine.Reload(true)// Reload the templates on each render, good for development
engine.Reload(true) // Optional. Default: false
httphttp {
include /etc/nginx/mime.types;
server {
...
}
}