如何在Ionic 3中添加参数之前添加参数

时间:2017-11-14 16:55:37

标签: angular facebook ionic2

我需要我的服务器才能接收params,以便能够更好地分享Facebook等社交平台。

因此,例如当用户前往mysite.com处的项目1001的页面时,我希望它在#mysite.com?item=1001/#/之前添加一个参数。

这样,如果用户复制该网址并共享该网址,则Facebook机器人对该网页的请求将在其请求中包含?item=1001,以便我可以将该网页重定向到我们的服务器以提供服务带有相关信息的元页面。

#之后的任何信息都没有发送到服务器,因为浏览器知道它只供客户端使用。

Ionic是否可以在进行常规离子页导航时将查询参数添加到网址? mysite.com?item=1001/#/

1 个答案:

答案 0 :(得分:1)

我最终只使用window来执行此操作,而不是使用离子路由库。

window.history.replaceState( 
   {} , 
   "Title",
   `${window.location.origin}?item=${this.item_id}/${window.location.hash}`
);

根据需要将网址更改为mysite.com?item=1001/#/nav/n4/other_stuff。然后可以复制和共享此链接,并且如果它是机器人,后端将知道它需要生成的内容