如何根据包含Angular哈希的url params中的产品来美化URL

时间:2017-10-07 12:37:09

标签: angular redirect hash seo clean-urls

我现在编辑这篇文章,因为现在我知道它是什么。我希望我的网站上有一个漂亮的网址和产品。 在我的.htaccess文件中,我需要指向www.mydomain.com/site/#?title=orange 来自www.mydomain.com/site/orange

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

点击产品后,我的网址会更改以下代码:

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

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

1 个答案:

答案 0 :(得分:1)

有几种方法可以做到这一点。这个概念被称为"清洁网址"它基本上将www.exmaple.com?page=product&slug=Womens-Jackets之类的网址转换为www.example.com/womens-jackets

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

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