Go语言 在docker中由nginx提供的样式和图像在页面上不起作用

ca1c2owp  于 2023-11-14  发布在  Go
关注(0)|答案(1)|浏览(122)

我有一个golang webapp,我决定在它前面使用Nginx来提供静态文件,并将其用作我的webapp的反向代理。
Webapp的Dockerfile:

  1. FROM golang:1.21.1
  2. WORKDIR /app
  3. COPY go.mod go.sum ./
  4. RUN go mod download && go mod verify
  5. COPY . ./
  6. RUN go build -o ./bin/site ./cmd/site/main.go
  7. CMD ["./bin/site"]

字符串
Docker Compose文件:

  1. version: '3'
  2. services:
  3. nginx:
  4. image: nginx:1.25.2
  5. restart: always
  6. ports:
  7. - "80:80"
  8. volumes:
  9. - "./nginx.conf:/etc/nginx/nginx.conf:ro"
  10. - "./site/assets/:/app/assets/"
  11. site:
  12. build: ./site
  13. container_name: tmp-site
  14. restart: always
  15. volumes:
  16. - "./site/views:/app/views"


Nginx配置:

  1. events {
  2. worker_connections 1024;
  3. }
  4. http {
  5. server {
  6. listen 80;
  7. server_name tmp.loc www.tmp.loc;
  8. location ~* \.(jpg|jpeg|png|gif|ico|css|js|html|svg)$ {
  9. root /app/assets/;
  10. expires max;
  11. access_log off;
  12. }
  13. location / {
  14. proxy_pass http://tmp-site:5555;
  15. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  16. proxy_set_header Host $host;
  17. proxy_set_header X-Real-IP $remote_addr;
  18. }
  19. }
  20. }


在网页上我有两个图像,一个png和一个svg,css文件很简单,只包含background-color: lightblue作为body标签,还有js文件,它只是控制台记录字符串“Loaded!"。在用docker compose启动我的容器后,我遇到了以下问题:
1.静态文件是随机提供的,例如png图像显示但svg没有,css样式不应用于页面,但JavaScript代码执行良好。有趣的是,根据浏览器的devtools网络选项卡,所有的静态文件都被成功获取,你可以检查其内容,是的,我试过在没有缓存的情况下重新加载页面,但没有用。这是什么魔法?
1.正如你在我的docker compose文件中看到的,我为nginx和webapp都设置了卷,在nginx的情况下,它工作得很好,每当我删除一些资产并重新加载页面而不缓存时,更改都会被应用,但当我改变模板中的文本时,它在页面上不可见,但如果我进入webapp的容器并检查模板的内容-它已经改变了,但在页面上它是不可见的,直到我用docker compose重新启动容器。这里有什么问题?
完整代码在这里-https://github.com/ivnku/tmp

atmip9wb

atmip9wb1#

  1. gofiber的template通过Engine.Reload(true)提供此功能:
  1. // Reload the templates on each render, good for development
  2. engine.Reload(true) // Optional. Default: false

字符串
1.静态文件确实是由Nginx提供的,只是没有正确的mime类型。在nginx.conf的http部分包含mime类型可以解决这个问题:

  1. http {
  2. include /etc/nginx/mime.types;
  3. server {
  4. ...
  5. }
  6. }

展开查看全部

相关问题