将Angular 2部署到Apache服务器

Question

我想在Apache服务器上部署Angular 2应用程序.我读过各种指南喜欢这个和这个,但他们没有工作.我已经npm和ng安装在服务器上.

简而言之,这就是我所做的:

1. 克隆了我服务器上的完整项目存储库.
2. 使用安装的依赖项npm install.
3. 使用ng build --prod命令,它创建了一个dist目录.
4. 将apacheroot 更改为/var/www/html/dist目录.
5. 启用mod_rewrite,重新启动apache并.htaccess在我的dist目录中添加它.

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule>

但是,只有我的主页domain.com的作品,其他页面一样domain.com/login,domain.com/register等等抛出404错误.即使domain.com/index.html/login不起作用.

该应用程序在我正在使用它开发它的本地系统上正常工作ng serve.我错过了什么？

Answer 1

.htaccess在根文件夹中创建文件并将其粘贴到其中.htaccess

 <IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

Answer 2

看来我在我的/etc/apache2/sites-enabled/000-default.conf文件中遗漏了这个.添加此项并重新启动后apache,网站运行正常.

<Directory "/var/www/html/dist">
  AllowOverride All
</Directory>

Answer 3

1. 更改 index.html 文件中的基本标签

   <base href="./">

2. 在那之后创建一个构建

   ng build --prod

3. 现在您将拥有一个新文件夹 dist，现在部署 dist 文件夹。它应该工作。

Answer 4

对于 Apache，要将任何请求重定向到 index.html，您需要在根目录中有一个 .htaccess 文件。只需在您的 dist 文件夹中创建一个 .htaccess （与 index.html 相同级别），我假设这是您应用程序的公共根目录，并将其粘贴到 .htaccess 文件中：

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# not rewrite css, js and images
RewriteCond %{REQUEST_URI} !\.(?:css|js|map|jpe?g|gif|png)$ [NC]
RewriteRule ^(.*)$ /index.html?path=$1 [NC,L,QSA]

现在，无论您请求什么路径，Apache 将始终为您的 index.html 文件提供服务，除了对实际现有文件的请求 (RewriteCond %{REQUEST_FILENAME} !-f) 和对 css、js 等的请求 (RewriteCond %{REQUEST_URI } !.(?:css|js|map|jpe?g|gif|png)$) - 需要排除，因为你实际上想要那些。此外，需要启用 Apache 的 mod_rewrite 扩展才能使其工作。大多数情况下，它是启用的。如果没有，请询​​问您的托管提供商

Answer 5

1）更改index.html文件中的基本标记

<base href="./">

2）建设项目：

ng build --prod --base-href /myproject/

3）将您的dist文件添加到“ / usr / local / apache2 / htdocs / myproject /”中

4）在Apache Server 2.4（httpd）上的文件中：/usr/local/apache2/conf/httpd.conf设置“ FallbackResource”

<Directory "/usr/local/apache2/htdocs">
   ...
   FallbackResource /myproject/index.html
</Directory>

完整文件“ /usr/local/apache2/conf/httpd.conf”：

ServerRoot "/usr/local/apache2"

Listen 80

LoadModule mpm_event_module modules/mod_mpm_event.so
LoadModule authn_file_module modules/mod_authn_file.so
LoadModule authn_core_module modules/mod_authn_core.so
LoadModule authz_host_module modules/mod_authz_host.so
LoadModule authz_groupfile_module modules/mod_authz_groupfile.so
LoadModule authz_user_module modules/mod_authz_user.so
LoadModule authz_core_module modules/mod_authz_core.so
LoadModule access_compat_module modules/mod_access_compat.so
LoadModule auth_basic_module modules/mod_auth_basic.so
LoadModule reqtimeout_module modules/mod_reqtimeout.so
LoadModule filter_module modules/mod_filter.so
LoadModule mime_module modules/mod_mime.so
LoadModule log_config_module modules/mod_log_config.so
LoadModule env_module modules/mod_env.so
LoadModule headers_module modules/mod_headers.so
LoadModule setenvif_module modules/mod_setenvif.so
LoadModule version_module modules/mod_version.so

LoadModule unixd_module modules/mod_unixd.so
LoadModule status_module modules/mod_status.so
LoadModule autoindex_module modules/mod_autoindex.so

<IfModule !mpm_prefork_module>
    #LoadModule cgid_module modules/mod_cgid.so
</IfModule>
<IfModule mpm_prefork_module>
    #LoadModule cgi_module modules/mod_cgi.so
</IfModule>

LoadModule dir_module modules/mod_dir.so
LoadModule alias_module modules/mod_alias.so
LoadModule rewrite_module modules/mod_rewrite.so

<IfModule unixd_module>
User daemon
Group daemon

</IfModule>
ServerAdmin you@example.com

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

DocumentRoot "/usr/local/apache2/htdocs"
<Directory "/usr/local/apache2/htdocs">
    Options Indexes FollowSymLinks
    AllowOverride None
    Require all granted
    FallbackResource /myproject/index.html
</Directory>

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

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

ErrorLog /proc/self/fd/2

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 /proc/self/fd/1 common

</IfModule>

<IfModule alias_module>

    ScriptAlias /cgi-bin/ "/usr/local/apache2/cgi-bin/"

</IfModule>

<IfModule cgid_module>
</IfModule>


<Directory "/usr/local/apache2/cgi-bin">
    AllowOverride None
    Options None
    Require all granted
</Directory>

<IfModule headers_module>
    RequestHeader unset Proxy early
</IfModule>

<IfModule mime_module>
    TypesConfig conf/mime.types

    AddType application/x-compress .Z
    AddType application/x-gzip .gz .tgz

</IfModule>

<IfModule proxy_html_module>
Include conf/extra/proxy-html.conf
</IfModule>

<IfModule ssl_module>
SSLRandomSeed startup builtin
SSLRandomSeed connect builtin
</IfModule>