Nginx proxy_pass无法加载资产VueJS

Question

我有3个网站，并在docker端口8000、8001和8002上运行。

我正在使用此配置配置nginx：

server {
server_name my.domain.net;

location / {
  proxy_pass              http://localhost:8000;
  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;
}

location /old {
    proxy_pass            http://127.0.0.1:8001;
    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;
}

location /new {
    proxy_pass            http://127.0.0.1:8002;
    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;
}
}

它适用于位置/，但适用于位置/ old和/ new，而没有所有资产。我检查元素，对于位置/旧，资产重定向到http://my.domain.net（绝对找不到404），在该位置应为http://my.domain.net/old/asset.css。

需要咨询

请帮助。

Answer 1

分别在以8081和8082托管的new和old应用程序中，在配置中添加assetsDir。

assetsDir：

vue.config.js