angular - 如何根据包含 Angular 哈希的 url 参数中的产品美化 URL

<分区>

我现在将编辑这篇文章，因为现在我知道它是关于什么的。我想为我的产品网站设置一个漂亮的 URL。在我的 .htaccess 文件中，我需要指向 www.mydomain.com/site/#?title=orange 来自 www.mydomain.com/site/orange

我已经在我的 .htaccess 文件中尝试了所有可能的正则表达式，但它就是不起作用。我开始认为这是因为 URL 中的#(哈希)符号是我网站正常工作所必需的。

当我点击一个产品时，我的 URL 会更改为以下代码:

        var url = location.href.split('#?')[0] + element;
        window.location.href = url;
        window.location.reload();

然后重新加载，链接更新为显示我点击的产品的新 URL 参数。我只希望 www.mydomain.com/site/orange 指向 www.mydomain.com/site/#?title=orange(需要哈希)

最佳答案

有几种方法可以做到这一点。这个概念被称为“干净的 urls”，它基本上将像 www.exmaple.com?page=product&slug=Womens-Jackets 这样的 url 变成 www.example.com/womens-jackets

您首先需要您的网络服务器软件(Apache、Nginx 等)来处理初始重写。对于 Apache，您可以使用 .htaccess 文件来处理这个完整的 mod_rewrite。 How to use mod_rewrite to create clean URLs

之后，您的服务器端应用程序需要处理请求参数 - 例如 ?page=product&slug=Womens-Jackets - 并使用它在数据库中查找项目以显示正确的页面/产品。

关于angular - 如何根据包含 Angular 哈希的 url 参数中的产品美化 URL，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46620198/

相关文章：

哈希函数组合——碰撞风险是否显着降低？