使用useHash的Angular 7应用程序中的Instagram API重定向URL:在Apache服务器上为true

时间:2018-11-30 09:33:50

标签: angular apache url instagram-api angular7

如何在Apache服务器上设置Angular应用程序?

现在我在Instagram身份验证方面遇到问题。

在Angular应用中,如果我们想直接访问Apache服务器上的任何角度页面,请说http://example.com/some-route, 那么我们必须在app.routing中启用“ useHash:true”。 然后,它将以http://example.com/#/some-route的身份将我重定向到该路由。

但是在Instagram身份验证期间,IG不会在重定向URL中使用#。 现在,当我将IG重定向URL传递为http://example.com/#/时,默认情况下它将以http://example.com/?code=<some-code>返回身份验证参数, 并且在应用程序能够捕获URL中的参数之前,Angular将其转换为:http://example.com/#/

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

这对我有帮助:Deploying prod build to Apache 2

我使用以下规则创建了.htaccess文件:

<IfModule mod_rewrite.c>
  Options Indexes FollowSymLinks
  RewriteEngine On
  RewriteBase / 
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

而且,现在我可以在没有#的情况下重定向到任何组件。我在应用路由器中设置了useHash: false。现在,我可以在Instagram验证后捕获URL参数。