位置路径 nginx 无法服务 static 文件 vueJS

Question

I have 2 docker containers that contain 2 websites, a new website and an old website.

New website run on port 8000 (Laravel) and the old website run on port 8001 (VueJS).

I want the location / proxy pass to the new website and the location /old proxy pass to the old website.

For new website, it can be accessed properly.

location / {
  proxy_set_header        Host $host;
  proxy_set_header        X-Real-IP $remote_addr;
  proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header        X-Forwarded-Proto $scheme;
  proxy_pass              http://localhost:8000;
}

but for the old website, assets, images, fonts are still 404.

location /old {
  proxy_set_header        Host $host;
  proxy_set_header        X-Real-IP $remote_addr;
  proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header        X-Forwarded-Proto $scheme;
  proxy_pass              http://localhost:8001;
}

404 because when access https://my.domain.net/old/ , the asset that should be called is https://my.domain.net/old/asset/images/logo.png

But this is still https://my.domain.net/asset/images/logo.png so that 404 is not found.

Please help.

Answer 1

location ~* '^/(assets|images|fonts)/' {
  proxy_set_header        Host $host;
  proxy_set_header        X-Real-IP $remote_addr;
  proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header        X-Forwarded-Proto $scheme;
  proxy_pass              http://localhost:8001;
}

I inspect element, for location /old the assets redirect to my.domain.net/asset.css. (absolutely 404 not found)

It looks like your localhost:8001 redirects.