☰

Как правильно использовать содержимое файла с виртуальным путем с помощью Nginx?

tag-icon • tag-icon nginx
Как правильно использовать содержимое файла с виртуальным путем с помощью Nginx?

У меня есть приложение AngularJs (v1), которое создано как образ Docker (с Nginx в качестве веб-сервера). Оно имеет следующую структуру

-app
  --build
    --js
      |-app.min.js
      |-login.min.js
    --styles
      |-app.min.css
      |-login.min.css
  --assets
    --images
    --fonts
  --index.html
  --login.html

У меня есть следующееКонфигурация nginx

server {
  listen 80;
  error_log  /var/log/nginx/error.log;
  access_log /var/log/nginx/access.log;

  root /usr/share/nginx/html;

  location /content {
    rewrite ^/content$ /index.html;
  }

  location /content/login {
    rewrite ^/content/login$ /login.html;
  }

}

Этоиндекс.htmlфайл

<html lang="en" data-ng-app="app">
  <header>
    <script src="build/js/app.min.js"></script>
    <link rel="stylesheet" href="build/styles/app.min.css">
  </header>
  <body>
    ...
  </body>
</html>

иlogin.htmlфайл


<html lang="en" data-ng-app="app-login">
  <header>
    <script src="build/js/login.min.js"></script>
    <link rel="stylesheet" href="build/styles/login.min.css">
  </header>
  <body>
    ...
  </body>
</html>

Чего я хочу достичь

Когда пользователи заходят в http://localhost:3000/contentприложение, оно будет отображаться, index.htmlи login.htmlесли пользователи посещают http://localhost:3000/content/login.

Оба маршрута /contentи /content/loginне существуют в приложении AngularJS.

Что я получил?

При доступе к http://localhost:3000/content/loginприложению загружаются 2 следующих файла

  • http://localhost:3000/content/build/js/login.min.js
  • http://localhost:3000/content/build/styles/login.min.css

Оба получили код ошибки 404.

Чего я ожидал?

Я хочу, чтобы Nginx напрямую обслуживал файл http://localhost:3000/content/build/js/login.min.jsс содержимым файла из http://localhost:3000/build/js/login.min.js. Это также применимо к файлам CSS.

Связанный контент