Запуск Angular-Cli на Apache 2

Я пытаюсь запустить Angular 4 на Apache 2 на Fedora 25.

$ ng build --prod --bh /root/beans3/dist/

Создает каталог dist, как и ожидалось. Затем я указал Apache на этот каталог в

/etc/httpd/conf/httpd.conf (все комментарии были удалены),

ServerRoot "/etc/httpd"
Listen 139.162.199.9:80
Include conf.modules.d/*.conf
User apache
Group apache
ServerAdmin root@qqiresources.com
ServerName www.qqiresources.com:80

<Directory />
    AllowOverride none
    Require all granted
</Directory>

DocumentRoot "/root/beans3/dist"

<Directory "/root/beans3">
    AllowOverride All
    Require all granted
</Directory>

<Directory "/root/beans3/dist">
    Options Indexes FollowSymLinks
    AllowOverride None
    Require all granted
</Directory>

<IfModule dir_module>
    DirectoryIndex index.html
</IfModule>

<Files ".ht*">
    Require all denied
</Files>

ErrorLog "logs/error_log"
LogLevel warn

<IfModule log_config_module>
    LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\"" combined
    LogFormat "%h %l %u %t \"%r\" %>s %b" common

    <IfModule logio_module>
      LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\" %I %O" combinedio
    </IfModule>

    CustomLog "logs/access_log" combined
</IfModule>

<IfModule alias_module>
    ScriptAlias /cgi-bin/ "/var/www/cgi-bin/"
</IfModule>

<Directory "/var/www/cgi-bin">
    AllowOverride None
    Options None
    Require all granted
</Directory>

<IfModule mime_module>
    TypesConfig /etc/mime.types
    AddType application/x-compress .Z
    AddType application/x-gzip .gz .tgz
    AddType text/html .shtml
    AddOutputFilter INCLUDES .shtml
</IfModule>

AddDefaultCharset UTF-8

<IfModule mime_magic_module>
    MIMEMagicFile conf/magic
</IfModule>

EnableSendfile on

Эти настройки конфигурации сообщают Apache серверу index.html в /root/beans3/dist

Перезапуск сервера с помощью,

$ systemctl restart httpd

Переходя к 139.162.199.9, я вижу, что Apache запускает файл index.html в /root/beans/dist

Однако другие файлы в этом каталоге не найдены. Это странно, поскольку они находятся в том же каталоге, что и index.html.

/root/beans3/dist/index.html

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Beans3</title>
  <base href="/root/beans3/dist/">
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title></title>
  <meta name="description" content="">
  <!--<meta name="viewport" content="width=device-width, initial-scale=1"> -->
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

  <!-- <link rel="apple-touch-icon" href="apple-touch-icon.png"> -->
  <!-- Place favicon.ico in the root directory -->

  <!-- <link rel="stylesheet" href="css/normalize.css"> -->
  <!--&lt;!&ndash; Latest compiled and minified CSS &ndash;&gt;-->
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
  <!-- <link rel="stylesheet" href="css/main.css"> -->

  <!-- <script src="js/vendor/modernizr-2.8.3.min.js"></script> -->

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="styles.604a57bc7d4c0f84e447.bundle.css" rel="stylesheet"/></head>

<body>
  <script>
    window.__theme = 'bs4';
  </script>
  <app-root>Loading...boo ya!</app-root>
  <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
  <script>
    // window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')
  </script>
  <!-- <script src="js/plugins.js"></script> -->
  <!-- <script src="js/main.js"></script> -->
  <script type="text/javascript">
  </script>
  <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>-->
  <!-- <script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNjfWKTRj_IlQ6nPTSXDeKKM7yoEnauNI&callback=getLocation"></script> -->

<script type="text/javascript" src="inline.df954263324e7c133385.bundle.js"></script><script type="text/javascript" src="polyfills.a3e056f914d9748ff431.bundle.js"></script><script type="text/javascript" src="vendor.244ceb2ee1e4bb317079.bundle.js"></script><script type="text/javascript" src="main.47083d1d3073f3856af7.bundle.js"></script></body>

</html>
Источник

1 ответ

Решение

Проблема в index.html <base>

пожалуйста измените <base href="/root/beans3/dist/"> в <base href="/">так как вы устанавливаете DocumentRoot в вашем конфиге по этому пути.

или удалить -bh <path> и просто использовать ng build --prod

Источник
Другие вопросы по тегам