AWS Amplify 和 Vue 路由器历史模式

Posted 2023-02-22

【中文标题】AWS Amplify 和 Vue 路由器历史模式

【英文标题】：AWS Amplify and Vue router history mode

【发布时间】：2020-08-14 18:50:50

【问题描述】：

我有一个使用 Vue 路由器的 Vue 应用程序。现在我应该为客户制作一个网站，其中一部分是“秘密”的，只能通过直接链接访问。

换句话说，我希望用户能够通过在地址栏中输入来导航到 myamplifyapp.com/mysecretpage。

我听说这适用于 Vue 路由器历史模式，在本地设置（apache）并且一切正常，但是当我在 Amplify 上部署它时，我无法通过链接直接访问此页面，而是就去index.html。有什么方法可以配置 Amplify 来完成这项工作？

【参考方案1】：

您可以添加redirect 以将用户指向index.html。

这样的事情应该可以工作：

/<*> /index.html 200。

您可能希望不重定向 js/css 文件。为此，您可以尝试链接中的 reg exp。

【讨论】：

对不起，也许我没有让自己足够清楚。我更新了问题...我希望他们能够通过地址栏转到页面的特定部分。不管怎样，谢谢，即使只是链接，也很有价值！