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;
}
}

Он работает для location /, но для location / old и / new без всех активов. Я проверяю элемент на предмет местоположения / старого перенаправления ресурсов на http://my.domain.net (абсолютно 404 не найдено), где он должен быть http://my.domain.net/old/asset.css.

Нужен совет

Помогите, пожалуйста.

Answer 1

В приложениях new и old, размещенных на 8081 и 8082 соответственно, добавьте assetsDir в свою конфигурацию.

vue.config.js:

module.exports = {
  assetsDir: 'new'
}