Angular 8 应用程序：window.open 在新窗口中总是重定向到 index.html

Question

我已经使用一个标签设置了我的应用程序，该标签附加了一个指令，该指令将调用 window.open 希望我的应用程序在我的路线路径的新窗口中打开

window.open(
      '/my-path',
      '_blank',
      'height=550,width=1400'
    );

这一切在 localhost 中运行良好，但由于某种原因，当我进入 dev 时，新窗口总是希望重定向到 index.html 并且只是将我弹回根目录，而不是转到 /my-path。

知道我可能缺少什么吗？

Answer 1

我猜（因为问题可能有多种原因......）您的服务器尝试处理对子路由的请求，但这应该由 Angular 在客户端完成。

您必须将服务器配置为针对所有请求回退到 index.html。

示例 Apache：

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

Nginx 示例：

try_files $uri $uri/ /index.html;

更多详情请关注Angular documentation。

AWS 更新：

当发生 404 错误时，AWS Amplify 默认重定向到 index.html，但这是一个简单的重定向。来自docs：

大多数 SPA 框架都支持 HTML5 history.pushState() 来更改浏览器位置而不触发服务器请求。这适用于从根目录（或 /index.html）开始旅程的用户，但不适用于直接导航到任何其他页面的用户。使用正则表达式，以下示例为 index.html 的所有文件设置 200 次重写，正则表达式中指定的特定文件扩展名除外。

以下设置应适用于 AWS Amplify：

// Original address
</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>

// destination
/index.html

// Redirect Type
200