Angular 路由是否适用于 LAMP 服务器

Question

我在 http://www.ixwebhosting.com/ 上托管我的 Angular 2 应用程序 它们提供传统的 LAMP 堆栈。

我有这样一条路线：www.mysite.com/myapp/item/:id，它在我的本地 ng 服务环境中运行良好。

www.mysite.com/my-app/ 上的 index.html 页面加载正常 - 但是当我在浏览器中输入 www.mysite.com/my-app/item/1 时它失败了。我怀疑是因为路由首先访问了 Web 服务器 - 由于 Web 服务器在该位置找不到实际的目录或文件，它返回 404。有没有办法配置 Apache 服务器以使用 Angular 路由？

Answer 1

是的，只需将所有请求重定向到一个不存在的文件到 index.html - 像 WP 一样：

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

当然，这个.htaccess文件应该放在“my-app”文件夹中。