如何在WAMP中运行Angular 6应用？能否在Apache部署该应用？

没问题！这两个需求都能轻松实现——Angular 6编译后是纯静态资源，Apache完全能搞定，根本不需要Nginx。下面一步步给你讲清楚怎么做：

第一步：先把Angular 6应用编译成静态文件 #

打开终端，切换到你的Angular项目根目录，运行生产环境编译命令：

ng build --prod

执行完后，项目根目录会生成一个dist/文件夹，里面就是所有可以直接部署的静态文件（HTML、CSS、JS、资源文件等）。如果需要自定义输出目录，可以加--output-path参数，比如ng build --prod --output-path=my-app-dist，不过默认的dist/就够用了。

第二步：配置WAMP里的Apache服务器 #

这里给你两种方法，按需选择：

方法一：简单快速（适合测试） #

直接把dist/文件夹里的所有内容，复制到WAMP安装目录下的www子文件夹里（比如默认路径是C:\wamp64\www），可以单独建一个子目录，比如www/my-angular-app/。

启动WAMP，确保Apache服务正常运行（托盘图标变绿色就没问题），然后打开浏览器访问http://localhost/my-angular-app，就能看到你的Angular应用了。

方法二：配置虚拟主机（推荐，更接近生产环境） #

这种方法可以用自定义域名访问，体验更真实：

1. 启用虚拟主机配置：点击WAMP托盘图标 → Apache → httpd.conf，找到#Include conf/extra/httpd-vhosts.conf这一行，把前面的#删掉，保存文件。
2. 添加虚拟主机配置：点击WAMP托盘图标 → Apache → httpd-vhosts.conf，在文件末尾添加以下配置（注意替换成你自己的文件路径）：

<VirtualHost *:80>
    ServerName my-angular-app.local
    DocumentRoot "C:/wamp64/www/my-angular-app/dist"
    <Directory "C:/wamp64/www/my-angular-app/dist">
        Options Indexes FollowSymLinks MultiViews
        AllowOverride All
        Require all granted
        # 解决Angular路由刷新404的核心规则
        RewriteEngine On
        RewriteBase /
        RewriteRule ^index\.html$ - [L]
        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule . /index.html [L]
    </Directory>
</VirtualHost>

3. 修改本地hosts文件：打开C:\Windows\System32\drivers\etc\hosts（需要管理员权限编辑），添加一行：

127.0.0.1 my-angular-app.local

保存后关闭文件。
4. 重启Apache：点击WAMP托盘图标 → Apache → Restart Service，然后在浏览器访问http://my-angular-app.local，就能正常访问你的应用了。

关键注意事项 #

• 路由刷新404问题：这是单页应用的常见问题——当你刷新Angular路由页面（比如http://my-angular-app.local/user），Apache会以为要找user这个文件，自然找不到就返回404。上面配置里的Rewrite规则就是解决这个的，它会把所有不存在的文件/目录请求重定向到index.html，让Angular自己处理路由。
  如果用方法一（直接放www目录），可以在应用的根目录（比如www/my-angular-app/）创建一个.htaccess文件，内容如下：

RewriteEngine On
RewriteBase /my-angular-app/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /my-angular-app/index.html [L]

• 确保Apache Rewrite模块启用：在WAMP托盘图标 → Apache → Apache Modules里，检查rewrite_module是否勾选，如果没选就勾选它，然后重启Apache。
• 路径格式要注意：配置文件里的路径要用正斜杠/，不要用Windows的反斜杠\，避免出现路径解析错误。

内容的提问来源于stack exchange，提问作者Akshay Naik