如何使用apache服务器在本地运行angular 6项目

时间:2018-10-31 13:38:12

标签: javascript angular apache

我已在ubuntu系统中使用以下命令安装了Apache。

sudo apt-get update
sudo apt-get install apache2

我已按照How to install Apache server的步骤进行操作,然后 我使用sudo systemctl status apache2检查了我的服务器是否正在运行,并且运行良好。

现在在我的项目中,我使用了命令ng build --prod并获得了dist文件夹。然后,我将.htaccess文件添加到了位于index.html相同级别的dist文件夹中。

.htaccess

<IfModule mod_rewrite.c>
RewriteEngine on

# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

# Rewrite everything else to index.html
# to allow html5 state links
RewriteRule ^ index.html [L]
</IfModule>

现在我的问题是我想使用此apache服务器在本地运行我的项目(以与节点服务器相同的方式)。 在哪里放置我的dist文件夹并运行apache服务器?

对于上述问题,我找到了答案-var / www / html。 我把它弄干净了,服务器运行和登陆页面是我项目的index.html。

现在另一个挑战是dist文件夹内的asserts文件夹。assets文件夹包含另外两个文件夹(图像和javascript)。我的问题是在哪里传递文件夹路径,以便服务器选择这些文件夹。请记住,我试图在我的系统中本地运行我的项目。请帮助我。谢谢

1 个答案:

答案 0 :(得分:1)

您的dist文件夹基本上是静态网站文件。只需将其内容复制到Apache documentroot中就可以了。